.date-field-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.date-calendar-kind {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  color: var(--rose);
  background: color-mix(in srgb, var(--blush) 78%, white);
  border: 1px solid color-mix(in srgb, var(--pink) 35%, transparent);
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
}

.date-trigger .date-placeholder {
  color: var(--muted);
}

.date-popover-top > span:first-child {
  font-family: Cairo, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

@media (max-width: 760px) {
  .date-calendar-kind {
    padding: 3px 7px;
    font-size: 8px;
  }
}