/* ===== Notice Bar ===== */
.notice {
  margin-top: 12px;
  padding: 6px var(--page-padding);
  border-radius: var(--radius-lg);
  background-color: var(--bg-card);
  display: flex;
  align-items: center;
}

.notice__icon {
  font-family: "uniicons";
  font-size: var(--font-2xl);
  color: var(--text-secondary);
  flex-shrink: 0;
}

.notice__text {
  flex: 1;
  font-size: var(--font-base);
  color: var(--text-secondary);
  line-height: 1;
  margin: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notice__list-icon {
  font-family: "uniicons";
  font-size: var(--font-lg);
  color: var(--text-secondary);
  flex-shrink: 0;
}