& {

  line.horizontal-top,
  line.horizontal-bottom,
  line.vertical-left,
  line.vertical-right {
    stroke-width: 0;
    &.visible {
      stroke-width: 1;
    }
  }

  .margin-resizer rect {
    opacity: 0;
    &.t, &.b { cursor: ns-resize; }
    &.l, &.r { cursor: ew-resize; }
  }

  .fg, .feature.surface, .feature.symbol, .legend-over-rect {
    pointer-events: none;
  }

  .legend-anchor-line {
    stroke-width: 4px;
    stroke: color(success);
  }

  .legend-over-rect {
    fill: color(primary2);
  }

  .legend-layer-bg {
    opacity: 0.00001;
    fill: white;
  }

  .legend-layer.dragging .legend-layer-bg {
    opacity: 0.85;
  }

  .labelling line.radius, .labelling line.end {
    stroke: #404040;
  }

  .legend-title {
    cursor: pointer;
  }

  .hover-land {
    stroke: none;
    fill: rgba(0, 0, 0, 0.0001);
  }

  .hover-land.overed {
    fill: rgba(color(primary), 0.45);
  }

  .hover-point {
    path {
      stroke: none;
      fill: rgba(0, 0, 0, 0.0001);
    }
  }

  .static-point, .hover-point {
    circle {
      fill: #404040;
    }
  }

  .hover-point.overed {
    circle {
      fill: rgba(0, 0, 255, 0.3);
    }
  }

  &.drawing-text {
    cursor: text;  
  }

  &.drawing-arrow {
    cursor: crosshair;
  }

  &.with-zoom-feature {
    &:not([class*="drawing-"]) {
      cursor: -webkit-grab;
      cursor: grab;
      & map.dragging {
        cursor: -webkit-grabbing;
        cursor: grabbing;
      }
    }
  }

  &.drawing-line {
    cursor: crosshair;
  }

  &.drawing-text {
    cursor: text;
  }

  .drawing .draw-marker {
    * {
      pointer-events: none;
      visibility: inherit;
    }
    circle {
      fill: color(primary2);
    }
    line {
      stroke: color(primary2);
    }
  }

  .drawing rect.drawing-feature-box {
    fill: rgba(255, 255, 255, 0.001);
    stroke: color(primary2);
    cursor: move;
  }

  g.labelling {
    cursor: move;
  }

}

