vue-maplibre-gl/dist/draw.css

Vue 3 plugin for maplibre-gl

/*!
* vue-maplibre-gl v5.5.9
* (c) 2025 Volker Nauruhn
* @license MIT
*/
.maplibregl-draw-circle-mode{--padding:10px;--padding-top:var(--padding);--padding-right:var(--padding);--padding-bottom:var(--padding);--padding-left:var(--padding);top:var(--padding-top);right:var(--padding-right);bottom:var(--padding-bottom);left:var(--padding-left);justify-content:center;align-items:stretch;display:flex;position:absolute}.maplibregl-draw-circle-mode-height-constraint{aspect-ratio:1;width:auto;min-width:0;height:100%;margin:auto;display:flex}.maplibregl-draw-circle-mode-width-constraint{aspect-ratio:1;width:100%;min-width:0;height:auto;margin:auto;display:flex}.maplibregl-draw-circle-mode-circle{color:#e74b3c;box-sizing:border-box;background:#e74b3c33;border:2px solid #e74b3c;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.maplibregl-draw-circle-mode-circle .maplibre-draw-min-area-pattern{display:none}.maplibregl-draw-circle-mode-circle .maplibre-draw-circle-mode-below-min-area-size-label{z-index:1;white-space:nowrap;color:#e74b3c;background:#fff;border-radius:4px;padding:4px;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;font-weight:700;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.maplibregl-draw-circle-too-small .maplibre-draw-min-area-pattern,.maplibregl-draw-circle-too-small .maplibre-draw-circle-mode-below-min-area-size-label{display:block}