/* Иконка "Play" для запуска анимации */
.animation-trigger {
    cursor: pointer;
    fill: #007acc;
    opacity: 0.6;
    transition: opacity 0.2s, transform 0.2s;
}

.animation-trigger:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* Контейнер, в котором будет происходить анимация */
.animation-container {
    overflow: visible;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 128, 0.3);
    margin-top: 5px;
}

/* Стили для элементов внутри анимаций */
.axis-line { stroke: #888; stroke-width: 1; }
.boundary-line { stroke: #ff5722; stroke-width: 2; stroke-dasharray: 4 2; }
.moving-point { fill: #00bcd4; stroke: white; stroke-width: 1px; }
.sandwich-path { stroke-width: 2; fill: none; }