.warning-timer {
  display: flex;
  flex-direction: row;
}

.warning-timer .text {
  max-width: 280px;
  color: var(--color-gray-600);
}

.warning-timer .material-symbols-outlined { color: var(--color-gray-500); }
.warning-timer.limit .material-symbols-outlined { color: var(--color-red-500); }
.warning-timer.limit .text { color: var(--color-red-700); }