.ll-slice-figure {
  display: flex;
  flex-direction: column;
  position: relative;
  &-canvas {
    width: 100%;
  }
  &-auxiliary-tooltip {
    display: flex;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 22px;
    width: max-content;
    &-time {
      margin-right: 24px;
    }
    &-status {
      >.ant-badge {
        >.ant-badge-status-dot {
          width: 9px;
          height: 9px;
        }
        >.ant-badge-status-text {
          color: rgba(255, 255, 255, 0.85);
        }
      }
    }
  }
  &-auxiliary-tooltip-container {
    position: absolute;
    width: 1px;
    background-color: rgba(255, 255, 255, .45);
    .ant-tooltip-inner {
      padding: 13px 16px;
    }
  } 
  &-status {
    display: flex;
    justify-content: flex-end;
    margin-top: 27px;
    >.ant-badge {
      &:not(:first-of-type) {
        margin-left: 24px;
      }
      >.ant-badge-status-dot {
        width: 9px;
        height: 9px;
      }
    }
  }
}