.preview-dashboard-card {
  height: 340px;
  background: white;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 30px rgba(90, 97, 123, 0.05);
}

.preview-dashboard-card__thumb-wrap {
  padding: 15px 15px 0 15px;
  flex: 1;
  background-color: #fff;
}

.preview-dashboard-card__thumb {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
}

.preview-dashboard-card__thumb img {
  display: none;
  width: 100%;
}

.preview-dashboard-card__default-thumb-container {
  width: 100%;
  height: 100%;
}

.preview-dashboard-card__default-thumb {
  height: 100%;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

.preview-dashboard-card-foot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
  padding: var(--footprint-spacing-m) var(--footprint-spacing-s);
  border-top: var(--footprint-border);
}

.preview-dashboard-card__name {
  color: #313541;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
}

.preview-dashboard-card__name span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.preview-dashboard-card__name img {
  height: 20px;
  width: 24px;
}

.preview-dashboard-card__bottom {
  display: flex;
  justify-content: space-between;
  color: #5a617b;
  margin-top: var(--footprint-spacing-s);
}

.preview-dashboard-card__fun {
  display: flex;
  align-items: center;
  color: #5a617b;
}

.preview-dashboard-card__fun svg:hover {
  color: #3434b2;
}
