.item {
  display: flex;
  cursor: pointer;
  border-radius: 8px;
  padding: 8px;
  justify-content: center;
  transition: background-color 0.3s ease;
  &[expanded] {
    justify-content: space-between;
  }
  &:hover {
    background-color: var(--color-primary-900);
    color: white;
  }
  .icon-label {
    display: flex;
    gap: 8px;
    transition: background-color 0.3s;
  }
}

.item.active{
  outline: 2px solid white;
  outline-offset: -2px;
}

dss-tooltip {
  pointer-events: none;
}