.annotation-polygon-selection-shape {
    stroke: none;
}

.annotation-polygon.selected .annotation-polygon-selection-shape {
    stroke: var(--selection-border-color);
}

.annotation-polygon-selection-shadow-shape {
    stroke: none;
}

.annotation-polygon.selected .annotation-polygon-selection-shadow-shape {
    stroke: var(--selection-shadow-color);
}

.annotation-polygon.focused .annotation-polygon-selection-shadow-shape {
    stroke: var(--focus-shadow-color);
}

/*
.annotation-polygon.selected .annotation-polygon-shape {
    stroke: var(--selection-shadow-color);
}

.annotation-polygon.focused .annotation-polygon-shape {
    stroke: var(--focus-shadow-color);
}*/

.annotation-polygon-edit-overlay {
    pointer-events: none;
}

.annotation-polygon-edit-shape {
    fill: none;
    stroke: gray;
    stroke-width: 1;
    stroke-dasharray: 4;
}

.annotation-polygon-edit-shape-hitbox {
    fill: none;
    stroke: none;
    stroke-width: 12;
    pointer-events: stroke;
    cursor: default;
}

.annotation-polygon-handle {
    fill: white;
    stroke: black;
    stroke-width: 1;
}

.annotation-polygon-handle-hitbox {
    fill: transparent;
    pointer-events: all;
    cursor: move;
}

.annotation-polygon-handle.ctrl-hover {
    stroke: red;
    fill: white !important;
}
.annotation-polygon-handle-hitbox.ctrl-hover {
    cursor: default;
}

.annotation-polygon-handle-hitbox.ctrl-hover-disabled {
    cursor: not-allowed;
}

.annotation-polygon-handle-group:hover .annotation-polygon-handle {
    fill: var(--selection-border-color);
}

.annotation-polygon-delete-icon {
    stroke: red;
    stroke-width: 0.75;
    fill: none;
    pointer-events: none;
}

.annotation-polygon-insert-handle {
    fill: white;
    stroke: var(--color-text-placeholder);
    stroke-width: 1;
    pointer-events: none;        /* let pointer pass through to hitbox */
}