:root {
    --ais-label-font-size: 2rem;
}

.ais-container {
    flex-grow: 1;
    flex-basis: max-content;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}
.vessel-label-span {
    font-family: Arial;
    font-size: var(--ais-label-font-size);
    line-height: 1.0;
    padding: 0.1em;
    background-color: #ffffff80;
    border-radius: 10%;
}
.timestamp-span {
    background-color: #ffffffcc; /* matches scale control background */
    color: black;
}
.vessel-tooltip {
    font-family: Georgia;
    font-size: 1.4rem;
    line-height: 1.1;
}
.vessel-circle {
}
.vessel-outline {
    stroke-opacity: 1;
    stroke-width: 3;
    fill-opacity: 0.2;
}
.vessel-vector {
    stroke-opacity: 1;
    stroke-width: 3;
}
.vessel-vector-tick {
    stroke-opacity: 1;
    stroke-width: 3;
}
.vessel-type-unknown {
    color: blue;
    stroke: blue;
    fill: blue;
}
.vessel-type-towing, .vessel-type-tanker {
    color: #d35c30;
    stroke: #d35c30;
    fill: #d35c30;
}
.vessel-type-cargo, .vessel-type-hazardous-cargo {
    color: darkmagenta;
    stroke: darkmagenta;
    fill: darkmagenta;
}
.vessel-type-dredging, .vessel-type-pilot, .vessel-type-tug, .vessel-type-anti-pollution, .vessel-type-local, .vessel-type-port-tender {
    color: darkred;
    stroke: darkred;
    fill: darkred;
}
.vessel-type-passenger, .vessel-type-high-speed {
    color: darkgreen;
    stroke: darkgreen;
    fill: darkgreen;
}
.vessel-type-law-enforcement, .vessel-type-military, .vessel-type-non-combatant, .vessel-type-other {
    color: black;
    stroke: black;
    fill: black;
}
.vessel-type-fishing, .vessel-type-diving {
    color: darkorange;
    stroke: darkorange;
    fill: darkorange;
}
.vessel-type-SAR, .vessel-type-medical {
    color: red;
    stroke: red;
    fill: red;
}
.vessel-type-sailing, .vessel-type-pleasure {
    color: #3388ff;
    stroke: #3388ff;
    fill: #3388ff;
}
.vessel-AtoN {
    color: red;
    stroke: red;
    fill: red;
}