src/js/poncho-map/src/scss/_helpers.scss
input[type="search"].js-poncho-map-search__input::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><circle cx='10' cy='10' r='10' fill='whitesmoke'/><polygon points='15.35 6.03 13.97 4.65 10 8.63 6.03 4.65 4.65 6.03 8.63 10 4.65 13.97 6.03 15.35 10 11.38 13.97 15.35 15.35 13.97 11.38 10 15.35 6.03' fill='black'/></svg>");
}

/* BRUTAL MODIFIERS :) */
#{$scope} {
    .small {
        font-size: 75%;
    }
    .d-block {
        display: block;
    }
    .d-none {
        display: none;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .leaflet-control-attribution {
        opacity: 0.9;
    }

    .leaflet-tile-pane img {
        border-radius: 0px !important;
        border: none !important;
    }
}

@media (max-width: 575.98px) {
    #{$scope} {
        .leaflet-control-attribution {
            position: absolute !important;
            left: -9999em !important;
            top: -9999em !important;
        }
    }
}
