.ui-date-range-field{gap:var(--ui-form-message-gap);min-width:0;display:grid;position:relative}.ui-date-range-inputs{gap:var(--ui-form-control-gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid}.ui-date-range-input{min-width:0}.ui-date-range-separator{color:var(--ui-form-help-text)}.ui-date-range-calendar-panel{width:100%}@media (width<=360px){.ui-date-range-inputs{grid-template-columns:minmax(0,1fr)}.ui-date-range-separator{display:none}}