/* 
 SVG Styles
*/

.selected-shape {
   fill:    #f9d02a8a;
   stroke:  #f9792a;
   pointer: none;
}

g.shape-handles circle {
    fill-opacity:   0.4;
    pointer-events: visible;
}
g.shape-handles {
    stroke:       orange;
    fill:         orange;
    fill-opacity: 0.2;
}
g.shape-handles circle:hover {
    cursor: pointer;
    fill:   #f00;
}
g.shape-handles circle.selected {
    fill: #f00;
}

.orange {
    fill: rgba(255, 165, 0, 0.5);
}

.purple {
    fill: rgba(128,0,128,0.5);
}



/*
 *
 * NEW STYLES FOR SVGViewShapes*/
 *
*/
.pointer-events-visible {
    pointer-events: visible;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-bbox {
    pointer-events: bounding-box;
}

/* Used by editor/svg/components.cljs grid-lines, update or drop */
g.grid-lines line {
    stroke: #ccc;
    stroke-width: 1;
    pointer-events: none;
}
g.grid-lines line.axis {
    stroke: #000;
}
line.axis {
    stroke:       orange;
    stroke-width: 2;
}