svg {
    overflow: visible;
    shape-rendering: crispEdges;

    path,
    rect,
    polygon {
        vector-effect: non-scaling-stroke;
        fill: none;
        stroke: black;
        stroke-width: 1px;

        &.filled {
            fill: white;
        }

        &.dashed {
            stroke-dasharray: 4 8;
        }
    }

    text {
        font-size: 1rem;
        stroke: none;

        &.left {
            text-anchor: start;
        }

        &.center {
            text-anchor: middle;
        }

        &.right {
            text-anchor: end;
        }

        &.top {
            dominant-baseline: text-top;
        }

        &.middle {
            dominant-baseline: middle;
        }

        &.bottom {
            dominant-baseline: text-bottom;
        }
    }
}