.date-field{width:120px;height:38px;display:flex;align-items:center;gap:4px;padding:2px 8px;box-sizing:border-box;border-radius:4px;border:1px solid var(--border-default);box-shadow:0 0 0 1px var(--border-default);cursor:pointer;background:hsl(from var(--date-field-bg) h s 99%);--date-field-bg:var(--surface-default)}.date-field:hover{background:hsl(from var(--date-field-bg) h s 97%)}.date-field:active,.date-field[data-state=open]{background:hsl(from var(--date-field-bg) h s 95%)}.date-field.-disabled{opacity:.5;pointer-events:none}.date-field_value{font:var(--font-body-m);white-space:nowrap}.date-field_icon,.date-field_value{color:var(--text-primary)}