.rsq-map-ruler{z-index:35;box-sizing:border-box;border:1px solid var(--line-strong,#4e565c);background:var(--surface,#171c20);width:max-content;max-width:calc(100% - 24px);color:var(--text,#eef1f3);border-radius:6px;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;padding:12px 14px;font:12px/1.4 system-ui,sans-serif;display:grid;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0005}.rsq-map-ruler[hidden]{display:none}.rsq-map-ruler>span{color:var(--muted,#aeb8be);font-size:11px}.rsq-map-ruler>strong{grid-column:1;font-size:18px}.rsq-map-ruler>small{color:var(--muted,#aeb8be);grid-column:1/-1;font-size:11px}.rsq-map-ruler>button{border:1px solid var(--line-strong,#4e565c);min-height:36px;color:inherit;cursor:pointer;background:0 0;border-radius:4px;grid-area:1/2/3;align-self:center;padding:6px 10px}.rsq-ruler-active .maplibregl-canvas,.rsq-ruler-active .maplibregl-marker,.rsq-ruler-active .maplibregl-marker *{cursor:crosshair!important}