body {
    font-family: "Fira Sans", "Open Sans", sans-serif;
}

* {
    box-sizing: border-box;
}

svg {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
    overflow: visible;
}

.showMarkers path {
    marker-mid: url(#marker);
    stroke-width: 0.75% !important;
    stroke: green
}

label{
    display:inline-block;
}


.grd {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
    row-gap:2em;
    margin-bottom: 2em;
}

.col{
    height:calc(100% - 3lh);
}

@media (min-width:640px) {
    .grd {
        grid-template-columns: 1fr 1fr;
    }
}


textarea {
    width: 100%;
    min-height: 10lh;
    max-height: 100%;
    height:100%;
    display: block;
    background: #000;
    color: #fff;
    padding: 0.5em;
}