.widget-message-card-container {
  height: 100%;
}

.widget-message-card {
  padding: 10px 14px;
  height: inherit;
  overflow: hidden;
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
}

.widget-message-card.widget-message-card-clickable {
  cursor: pointer;
}

.widget-message-card .card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto;
  align-self: flex-start;
}

.widget-message-card .card-content {
  flex: 2 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.widget-message-card .card-message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  font-size: 14px;
  text-align: center;
  padding: 10px;
}

.widget-message-card .card-details {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  font-size: 14px;
  text-align: center;
}

.widget-message-card .card-action {
  font-size: 14px;
  text-align: center;
}

.widget-message-card .card-icon {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  font-size: 56px;
  text-align: center;
}

.widget-message-card .card-icon .vss-Icon {
  width: auto;
}