.dummy-item {
  display: flex;
  align-items: center;
  background-color: var(--item__bg-color);
  border-color: var(--item__border-color);
  color: var(--item__color);
  line-height: var(--item__line-height);
  font-size: var(--item__font-size);
  font-weight: var(--item__font-weight);
  border: var(--item__border-width) var(--item__border-style) var(--item__border-color);
  border-radius: var(--item__border-radius);
  padding-inline: var(--item__padding-inline);
  block-size: var(--item__height--regular);
}
.dummy-item--hover {
  --item__bg-color: var(--item__bg-color--hover);
  --item__border-color: var(--item__border-color--hover);
  --item__color: var(--item__color--hover);
}
.dummy-item--selected {
  --item__bg-color: var(--item__bg-color--selected);
  --item__border-color: var(--item__border-color--selected);
  --item__color: var(--item__color--selected);
}
.dummy-item--selected-hover {
  --item__bg-color: var(--item__bg-color--hover);
  --item__border-color: var(--item__border-color--hover);
  --item__color: var(--item__color--hover);
}
.dummy-item--disabled {
  --item__bg-color: var(--item__bg-color--disabled);
  --item__border-color: var(--item__border-color--disabled);
  --item__color: var(--item__color--disabled);
}

.dummy-items-container {
  display: grid;
  grid-auto-rows: max-content;
  overflow: auto;
  box-sizing: border-box;
  background-color: var(--items-container__bg-color);
  border-color: var(--items-container__border-color);
  padding-block: var(--items-container__padding-block);
  padding-inline: var(--items-container__padding-inline);
  box-shadow: var(--items-container__box-shadow);
  gap: var(--items-container__gap);
}

.colors-all-together-container {
  display: grid;
  grid-auto-rows: max-content;
  overflow: auto;
  box-sizing: border-box;
  gap: var(--mer-spacing--2xs);
}

.dummy-control {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mer-color__neutral-gray--500);
  border-width: var(--control__border-width);
  border-style: var(--control__border-style);
  border-color: var(--control__border-color);
  border-radius: var(--control__border-radius);
  background-color: var(--control__bg-color);
  color: var(--control__color);
  --ch-placeholder-color: var(--control-placeholder__color);
  font-weight: var(--control__font-weight--regular);
  font-size: var(--control__font-size--regular);
  line-height: var(--control__line-height);
  padding-block: var(--control__padding-block);
  padding-inline: var(--control__padding-inline);
  border-style: dashed;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.controls-on-col-2 ch-tabular-grid-cell:is(:nth-child(2)) {
  --control__border-width: 0;
  --control__border-color: transparent;
  --control__border-radius: 0;
  padding-block: 0;
  padding-inline: 0;
  --control__padding-inline: var(--grid-cell__padding-inline);
  display: grid;
  align-items: stretch;
  justify-content: stretch;
}
.controls-on-col-2 ch-tabular-grid-cell:is(:nth-child(2)):hover {
  outline: var(--focus__outline-width) var(--focus__outline-style) var(--control__border-color--hover);
  outline-offset: var(--focus__outline-offset);
}

/*# sourceMappingURL=showcase-sass.css.map */