[data-component=date-range-selector]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--date-range-gap)}[data-element=date-input-group]{display:flex;flex-direction:column;gap:var(--date-range-label-gap)}[data-element=date-label]{font-size:var(--date-range-label-size);font-weight:var(--date-range-label-weight);color:var(--date-range-label-text);line-height:var(--line-height-tight)}[data-element=date-label-required]{color:var(--date-range-label-required);margin-left:var(--spacing-1)}[data-element=date-input]{width:100%;height:var(--date-range-input-height);padding:var(--date-range-input-padding);background-color:var(--date-range-input-bg);border:var(--date-range-input-border);border-radius:var(--date-range-input-radius);color:var(--date-range-input-text);font-size:var(--font-size-sm);transition:border-color var(--duration-fast) var(--easing-default)}[data-element=date-input]:focus{outline:none;border:var(--date-range-input-border-focus);box-shadow:0 0 0 var(--date-range-focus-ring-offset) var(--date-range-focus-ring)}[data-element=date-input]:disabled{background-color:var(--date-range-input-disabled-bg);color:var(--date-range-input-disabled-text);border:var(--date-range-input-disabled-border);cursor:not-allowed}[data-element=date-input][data-error]{border:var(--date-range-input-border-error)}[data-element=date-error]{color:var(--date-range-error-text);font-size:var(--date-range-error-size)}[data-element=date-error],[data-element=date-helper]{grid-column:span 2;line-height:var(--line-height-tight)}[data-element=date-helper]{color:var(--date-range-helper-text);font-size:var(--date-range-helper-size);min-height:1rem}[data-element=date-input]::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.5);transition:filter var(--duration-fast) var(--easing-default)}[data-element=date-input]::-webkit-calendar-picker-indicator:hover{filter:opacity(.8)}[data-element=date-input]::-webkit-inner-spin-button,[data-element=date-input]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[data-element=date-input][type=date]{-moz-appearance:textfield}[data-element=date-input]::-webkit-datetime-edit-fields-wrapper{padding:0}[data-element=date-input]::-webkit-datetime-edit-text{padding:0 .2em}[data-element=date-input]::-webkit-datetime-edit-day-field,[data-element=date-input]::-webkit-datetime-edit-month-field,[data-element=date-input]::-webkit-datetime-edit-year-field{padding:0}