static/src/leaflet-custom.css

.map-predictions {
    width: 80%;
    aspect-ratio: 256/171;
    position: relative;
    z-index: 999;
    /*float: left;*/
}
a.leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
    background-size: 26px 26px;
}
.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
    background-size: 28px 28px;
}
.leaflet-pm-icon-marker-include {
    background-image: url(data:image/png;base64,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);
    background-size: 24px 24px;
}
.leaflet-pm-icon-marker-exclude {
    background-image: url(data:image/png;base64,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);
    background-size: 24px 24px;
}
@media only screen and (min-width: 2000px) {
    .map-predictions {
        width: 100%;
    }
}
@media only screen and (max-width: 1800px) {
    .map-predictions {
        width: 75%;
    }
}
@media only screen and (max-width: 1600px) {
    .map-predictions {
        width: 65%;
    }
}
/* surface pro 7 landscape */
@media only screen and (max-width: 1370px) and (max-height: 920px) and (orientation: landscape) {
    .map-predictions {
        width: 90%;
    }
}
/* ipad mini landscape */
@media only screen and (max-width: 1030px) and (max-height: 770px) and (orientation: landscape) {
    .map-predictions {
        width: 95%;
    }
}
/* iphone 12 mini landscape */
@media only screen and (max-width: 810px) and (max-height: 370px) and (orientation: landscape) {
    .map-predictions {
        height: 70%;
        max-height: 70%;
    }
}
/* surface pro 7 portrait */
@media only screen and (max-width: 920px) and (max-height: 1370px) and (orientation: portrait) {
    .map-predictions {
        width: 95%;
    }
}