.cbf-date-field{gap:4px;width:100%;min-width:0;max-width:100%;display:grid}.cbf-date-field .cbf-date-control{min-width:0;display:block;position:relative}.cbf-date-field input.cbf-date-text{box-sizing:border-box;font-variant-numeric:tabular-nums;width:100%;min-width:0;max-width:100%;min-height:44px;padding-right:44px}.cbf-date-field input.cbf-date-native{opacity:0;pointer-events:none;position:absolute;bottom:2px;right:18px;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;padding:0!important}.cbf-date-field button.cbf-date-picker-button{width:38px;min-height:0;color:var(--text-secondary,#486077);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:1px;bottom:1px;right:1px}.cbf-date-field button.cbf-date-picker-button:hover{background:var(--cbf-teal-50,#eaf8f6);color:var(--cbf-teal-700,#087d77)}.cbf-date-field button.cbf-date-picker-button:focus-visible{outline:2px solid var(--cbf-teal-500,#087d77);outline-offset:-3px}.cbf-date-field button.cbf-date-picker-button:disabled{cursor:default;opacity:.4}.cbf-date-field .cbf-date-error{color:var(--status-error-text,#a73036);font-size:12px;line-height:1.5}.cbf-date-field input.cbf-date-text[aria-invalid=true]{border-color:var(--status-error-text,#a73036);box-shadow:inset 0 0 0 1px var(--status-error-text,#a73036)}