.viewport-word-container {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    border: 1px solid transparent;
}



    .viewport-word-container.active {
        pointer-events: auto;
        cursor: pointer;
        /* Упрощаем ховер: */
        transition: outline 0.1s ease; /* Минимальная анимация */
    }

    .viewport-word-container.active:hover {
        outline: 1px solid rgb(var(--color-primary-400-rgb));
    }

    .viewport-word-container.active.selected,
    .viewport-word-container.inactive.selected
    {
        outline: 1px solid rgb(var(--color-primary-500-rgb));
    }