/* V35: validation/preview build and layout fixes. Loaded after V33 styles. */
#emoji-library-app .preview-mode-banner {
  margin: 0;
  padding: 10px 18px;
  color: #241b52;
  background: #fff3b8;
  border-bottom: 1px solid rgba(17, 17, 17, .14);
  text-align: center;
  font-size: 13px;
  line-height: 1.35;
}

#emoji-library-app .progress-dots {
  grid-template-columns: repeat(var(--progress-count, 10), minmax(0, 1fr)) !important;
}

@media (min-width: 1001px) {
  #emoji-library-app .answer-grid[data-answer-count="3"] {
    grid-template-columns: repeat(3, minmax(220px, 252px)) !important;
    justify-content: center !important;
  }
}

@media (min-width: 1900px) {
  #emoji-library-app .answer-grid[data-answer-count="3"] {
    grid-template-columns: repeat(3, minmax(250px, 286px)) !important;
  }
}

@media (max-width: 1000px) {
  #emoji-library-app .answer-grid[data-answer-count="3"] > .answer-card:last-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 12px) / 2);
  }
}