.grit-message {
  position: absolute;
  display: flex;
  min-width: 0;
  color: var(--grit-message-color);
  font-family: var(--grit-message-font-family);
  font-size: var(--grit-message-font-size);
  letter-spacing: var(--grit-message-letter-spacing);
  line-height: var(--grit-message-line-height);
  transition: all var(--grit-message-transition);
  transform: translateY(-16px);
  opacity: 0;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.visible {
  position: relative;
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.message-wrapper {
  overflow: hidden;
  transition: var(--grit-option-select-message-error-transition);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-overflow: ellipsis;
}
.message-wrapper span {
  vertical-align: top;
}
.message-wrapper grit-wc-icon {
  vertical-align: middle;
}
.message-show-more {
  display: none;
  align-self: baseline;
  margin-top: var(--grit-message-show-more-margin-left);
  min-width: var(--grit-message-show-more-min-width);
  background-color: transparent;
  border: none;
  color: var(--grit-message-show-more-color);
  cursor: pointer;
  white-space: nowrap;
}
.message-display {
  display: inline-block;
  flex-shrink: 0;
}