.anchor-display {
    border: 1px solid #ccc;
    border-radius: 5%;
    overflow: hidden;
    position: relative;
    width: 100%; /* Makes the SVG fill the width of its parent */
    height: auto; /* Maintains the aspect ratio defined by viewBox */
    max-width: 800px; /* Sets the maximum width for the SVG */
    display: block; /* Prevents extra space below the SVG if it's inline */
}

#anchor {
    display: block;
    background-color: #001f3f; /* Dark blue for radar background */
}

.range-circle {
    fill: none;
    stroke: #007bff;
    stroke-width: 1;
	stroke-dasharray: 4 4;
    opacity: 0.7;
}

.range-circle-red {
    fill: none;
    stroke: red;
    stroke-width: 1;
	stroke-dasharray: 4 4;
    opacity: 0.7;
}

.anchorlimit-circle {
    fill: none;
    stroke: #007bff;
    stroke-width: 1.5;
    opacity: 0.7;
}

.anchorlimit-circle-red {
    fill: none;
    stroke: red;
    stroke-width: 1.5;
    opacity: 0.7;
}

.lastdot {
    fill: white;
}

text {
    fill: white;
}