@import '../ui/colors.scss';

.placeholder {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}

.placeholder.light {
  border: 1px dashed $D80;
  color: $D80;
}

.placeholder.dark {
  border: 1px dashed $D10;
  color: $D10;
}

.stack {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 30px;
}

.background {
  display: flex;
  width: 100%;
}

.background.dark {
  background-color: $D10;
}

.background.light {
  background-color: $D80;
}

.background.blue {
  background-color: $B10;
}

.background.yellow {
  background-color: $Y30;
}