/**
 * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
 * SPDX-License-Identifier: MIT
 */

.nodeStatus {
  &Succeed {
    background-color: rgba(105, 209, 140, 0.3);
    color: #00b42a;
  }

  &Processing {
    background-color: rgba(153, 187, 255, 0.3);
    color: #4d53e8;
  }

  &Failed {
    background-color: rgba(255, 163, 171, 0.3);
    color: #f53f3f;
  }
}

.icon {
  &.processing {
    color: rgba(77, 83, 232, 1);
  }
}

.round {
  border-radius: 50%;
}

.desc {
  margin: 0;
}

.count {
  font-weight: 500;
  color: #333;
  font-size: 15px;
  margin-left: 12px;
}

.snapshotNavigation {
  margin: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.snapshotButton {
  min-width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 4px;
  font-size: 12px;
  border: 1px solid;
  font-weight: 500;

  &.active {
    border-color: #4d53e8;
    font-weight: 800;
  }

  &.inactive {
    border-color: rgba(29, 28, 35, 0.08);
  }
}

.snapshotSelect {
  width: 90px;
  height: 32px;
  border: 1px solid;

  &.active {
    border-color: #4d53e8;
  }

  &.inactive {
    border-color: rgba(29, 28, 35, 0.08);
  }
}

.container {
  width: 100%;
  height: 100%;
  padding: 4px 2px 4px 2px;
}

.error {
  padding: 12px;
  color: red;
}
