.ODSDatePickerFlyout{--ODSDatePickerFlyout-gap--type-date:var(--spacing-component-3);--ODSDatePickerFlyout-padding:var(--spacing-component-5) 0 var(--spacing-component-5) 0;--ODSDatePickerFlyout-borderRadius:var(--radius-medium);--ODSDatePickerFlyout-border:var(--strokes-1) solid;--ODSDatePickerFlyout-overflow--size-small--type-date:auto;--ODSDatePickerFlyout-verticalAlignment:start;--ODSDatePickerFlyout-horizontalAlignment:center;--ODSDatePickerFlyout-height--size-small--type-year:441px;--ODSDatePickerFlyout-height--size-small--type-month:441px;--ODSDatePickerFlyout-height--size-large--type-year:465px;--ODSDatePickerFlyout-height--size-large--type-month:465px;--ODSDatePickerFlyout-ScrollListContainer-gap--type-year:var(--spacing-component-3);--ODSDatePickerFlyout-ScrollListContainer-gap--type-month:var(--spacing-component-3);--ODSDatePickerFlyout-ScrollListContainer-padding--type-year:var(--spacing-component-2) var(--spacing-component-5);--ODSDatePickerFlyout-ScrollListContainer-padding--type-month:var(--spacing-component-2) var(--spacing-component-5);--ODSDatePickerFlyout-ScrollListContainer-flex--type-year:1;--ODSDatePickerFlyout-ScrollListContainer-flex--type-month:1;--ODSDatePickerFlyout-ScrollListContainer-width--type-year:100%;--ODSDatePickerFlyout-ScrollListContainer-width--type-month:100%;--ODSDatePickerFlyout-ScrollListContainer-display--type-year:flex;--ODSDatePickerFlyout-ScrollListContainer-display--type-month:flex;--ODSDatePickerFlyout-ScrollListContainer-overflow--type-year:auto;--ODSDatePickerFlyout-ScrollListContainer-overflow--type-month:auto;--ODSDatePickerFlyout-ScrollListContainer-verticalAlignment--type-year:start;--ODSDatePickerFlyout-ScrollListContainer-verticalAlignment--type-month:start;--ODSDatePickerFlyout-ScrollListContainer-horizontalAlignment--type-year:start;--ODSDatePickerFlyout-ScrollListContainer-horizontalAlignment--type-month:start;--ODSDatePickerFlyout-ScrollListContainer-flexDirection--type-year:column;--ODSDatePickerFlyout-ScrollListContainer-flexDirection--type-month:column;--ODSDatePickerFlyout-OdsPickerDropdownItem-width--type-year:100%;--ODSDatePickerFlyout-OdsPickerDropdownItem-width--type-month:100%;--ODSDatePickerFlyout-ActionFrame-gap--type-date:var(--spacing-component-2);--ODSDatePickerFlyout-ActionFrame-padding--type-date:0 var(--spacing-component-5) 0 var(--spacing-component-5);--ODSDatePickerFlyout-ActionFrame-width--type-date:100%;--ODSDatePickerFlyout-ActionFrame-verticalAlignment--type-date:center;--ODSDatePickerFlyout-ActionFrame-horizontalAlignment--type-date:end;--ODSDatePickerFlyout-DateGrid-gap--type-date:var(--spacing-component-3);--ODSDatePickerFlyout-DateGrid-maxWidth--size-small--type-date:332px;--ODSDatePickerFlyout-DateGrid-maxWidth--size-large--type-date:384px;--ODSDatePickerFlyout-DateGrid-minWidth--size-small--type-date:308px;--ODSDatePickerFlyout-DateGrid-minWidth--size-large--type-date:336px;--ODSDatePickerFlyout-DateGrid-width--type-date:100%;--ODSDatePickerFlyout-DateGrid-verticalAlignment--type-date:start;--ODSDatePickerFlyout-DateGrid-horizontalAlignment--type-date:start;--ODSDatePickerFlyout-RowListContainer-width--type-date:100%;--ODSDatePickerFlyout-RowListContainer-display--type-date:flex;--ODSDatePickerFlyout-RowListContainer-verticalAlignment--type-date:start;--ODSDatePickerFlyout-RowListContainer-horizontalAlignment--type-date:space-between;--ODSDatePickerFlyout-RowListContainer-flexDirection--type-date:row;--ODSDatePickerFlyout-WeekdaysListContainer-maxWidth--size-small--type-date:332px;--ODSDatePickerFlyout-WeekdaysListContainer-maxWidth--size-large--type-date:384px;--ODSDatePickerFlyout-WeekdaysListContainer-minWidth--size-small--type-date:308px;--ODSDatePickerFlyout-WeekdaysListContainer-minWidth--size-large--type-date:336px;--ODSDatePickerFlyout-WeekdaysListContainer-width--type-date:100%;--ODSDatePickerFlyout-WeekdaysListContainer-display--type-date:flex;--ODSDatePickerFlyout-WeekdaysListContainer-verticalAlignment--type-date:start;--ODSDatePickerFlyout-WeekdaysListContainer-horizontalAlignment--type-date:space-between;--ODSDatePickerFlyout-WeekdaysListContainer-flexDirection--type-date:row;--ODSDatePickerFlyout-Weekday-padding--type-date:var(--spacing-component-3);--ODSDatePickerFlyout-Weekday-width--size-small--type-date:44px;--ODSDatePickerFlyout-Weekday-width--size-large--type-date:var(--sizing-component-14);--ODSDatePickerFlyout-Weekday-height--type-date:var(--sizing-component-13);--ODSDatePickerFlyout-Weekday-verticalAlignment--size-small--type-date:space-between;--ODSDatePickerFlyout-Weekday-verticalAlignment--size-large--type-date:center;--ODSDatePickerFlyout-Weekday-horizontalAlignment--type-date:center;--ODSDatePickerFlyout-Weekday-gap--size-large--type-date:var(--spacing-component-3);--ODSDatePickerFlyout-Label-font--type-date:var(--body-m-bold);--ODSDatePickerFlyout-Label-letterSpacing--type-date:var(--body-m-bold-letter-spacing);--ODSDatePickerFlyout-Label-verticalAlign--type-date:top;--ODSDatePickerFlyout-DateAndYearPicker-padding:0 var(--spacing-component-5) 0 var(--spacing-component-5);--ODSDatePickerFlyout-DateAndYearPicker-width:100%;--ODSDatePickerFlyout-DateAndYearPicker-verticalAlignment:start;--ODSDatePickerFlyout-DateAndYearPicker-horizontalAlignment:start;--ODSDatePickerFlyout-OdsDivider-width:100%;--ODSDatePickerFlyout-WrapContainer-width:100%;--ODSDatePickerFlyout-WrapContainer-flexWrap:wrap;--ODSDatePickerFlyout-WrapContainer-verticalAlignment:center;--ODSDatePickerFlyout-WrapContainer-horizontalAlignment:space-between;--ODSDatePickerFlyout-CalendarNavigationContainer-verticalAlignment:center;--ODSDatePickerFlyout-CalendarNavigationContainer-horizontalAlignment:start;--ODSDatePickerFlyout-CalendarDropdownContainer-verticalAlignment:center;--ODSDatePickerFlyout-CalendarDropdownContainer-horizontalAlignment:start;--ODSDatePickerFlyout-LoadingState-position--type-date--loading:absolute;--ODSDatePickerFlyout-LoadingState-top--type-date--loading:0;--ODSDatePickerFlyout-LoadingState-bottom--type-date--loading:0;--ODSDatePickerFlyout-LoadingState-left--type-date--loading:2px;--ODSDatePickerFlyout-LoadingState-right--type-date--loading:0;--ODSDatePickerFlyout-LoadingState-opacity--type-date--loading:.9;--ODSDatePickerFlyout-LoadingState-verticalAlignment--type-date--loading:center;--ODSDatePickerFlyout-LoadingState-horizontalAlignment--type-date--loading:center;--ODSDatePickerFlyout-width:480px;--ODSDatePickerFlyout-Grig-height--size-large:328px;--ODSDatePickerFlyout-Grig-height--size-small:304px;background-color:var(--colours-basic-background);padding:var(--ODSDatePickerFlyout-padding);border-radius:var(--ODSDatePickerFlyout-borderRadius);border:var(--ODSDatePickerFlyout-border) var(--colours-basic-stroke);justify-content:var(--ODSDatePickerFlyout-verticalAlignment);align-items:var(--ODSDatePickerFlyout-horizontalAlignment);width:var(--ODSDatePickerFlyout-width);max-width:100%;overflow:auto}@media screen and (max-width:480px){.ODSDatePickerFlyout{align-items:start}}.ODSDatePickerFlyout.ODSDatePickerFlyout--type-date{gap:var(--ODSDatePickerFlyout-gap--type-date)}.ODSDatePickerFlyout.ODSDatePickerFlyout--size-large.ODSDatePickerFlyout--type-year{height:var(--ODSDatePickerFlyout-height--size-large--type-year)}.ODSDatePickerFlyout.ODSDatePickerFlyout--size-large.ODSDatePickerFlyout--type-month{height:var(--ODSDatePickerFlyout-height--size-large--type-month)}.ODSDatePickerFlyout.ODSDatePickerFlyout--size-small.ODSDatePickerFlyout--type-date{overflow:var(--ODSDatePickerFlyout-overflow--size-small--type-date)}.ODSDatePickerFlyout.ODSDatePickerFlyout--size-small.ODSDatePickerFlyout--type-year{height:var(--ODSDatePickerFlyout-height--size-small--type-year)}.ODSDatePickerFlyout.ODSDatePickerFlyout--size-small.ODSDatePickerFlyout--type-month{height:var(--ODSDatePickerFlyout-height--size-small--type-month)}.ODSDatePickerFlyout-ScrollListContainer.ODSDatePickerFlyout-ScrollListContainer--type-year{gap:var(--ODSDatePickerFlyout-ScrollListContainer-gap--type-year);padding:var(--ODSDatePickerFlyout-ScrollListContainer-padding--type-year);flex:var(--ODSDatePickerFlyout-ScrollListContainer-flex--type-year);width:var(--ODSDatePickerFlyout-ScrollListContainer-width--type-year);display:var(--ODSDatePickerFlyout-ScrollListContainer-display--type-year);overflow:var(--ODSDatePickerFlyout-ScrollListContainer-overflow--type-year);justify-content:var(--ODSDatePickerFlyout-ScrollListContainer-verticalAlignment--type-year);align-items:var(--ODSDatePickerFlyout-ScrollListContainer-horizontalAlignment--type-year);flex-direction:var(--ODSDatePickerFlyout-ScrollListContainer-flexDirection--type-year)}.ODSDatePickerFlyout-ScrollListContainer.ODSDatePickerFlyout-ScrollListContainer--type-month{gap:var(--ODSDatePickerFlyout-ScrollListContainer-gap--type-month);padding:var(--ODSDatePickerFlyout-ScrollListContainer-padding--type-month);flex:var(--ODSDatePickerFlyout-ScrollListContainer-flex--type-month);width:var(--ODSDatePickerFlyout-ScrollListContainer-width--type-month);display:var(--ODSDatePickerFlyout-ScrollListContainer-display--type-month);overflow:var(--ODSDatePickerFlyout-ScrollListContainer-overflow--type-month);justify-content:var(--ODSDatePickerFlyout-ScrollListContainer-verticalAlignment--type-month);align-items:var(--ODSDatePickerFlyout-ScrollListContainer-horizontalAlignment--type-month);flex-direction:var(--ODSDatePickerFlyout-ScrollListContainer-flexDirection--type-month)}.ODSDatePickerFlyout-OdsPickerDropdownItem.ODSDatePickerFlyout-OdsPickerDropdownItem--type-year{width:var(--ODSDatePickerFlyout-OdsPickerDropdownItem-width--type-year)}.ODSDatePickerFlyout-OdsPickerDropdownItem.ODSDatePickerFlyout-OdsPickerDropdownItem--type-month{width:var(--ODSDatePickerFlyout-OdsPickerDropdownItem-width--type-month)}.ODSDatePickerFlyout-ActionFrame.ODSDatePickerFlyout-ActionFrame--type-date{gap:var(--ODSDatePickerFlyout-ActionFrame-gap--type-date);padding:var(--ODSDatePickerFlyout-ActionFrame-padding--type-date);width:var(--ODSDatePickerFlyout-ActionFrame-width--type-date);align-items:var(--ODSDatePickerFlyout-ActionFrame-verticalAlignment--type-date);justify-content:var(--ODSDatePickerFlyout-ActionFrame-horizontalAlignment--type-date)}.ODSDatePickerFlyout-DateGrid.ODSDatePickerFlyout-DateGrid--type-date{gap:var(--ODSDatePickerFlyout-DateGrid-gap--type-date);width:var(--ODSDatePickerFlyout-DateGrid-width--type-date);justify-content:var(--ODSDatePickerFlyout-DateGrid-verticalAlignment--type-date);align-items:var(--ODSDatePickerFlyout-DateGrid-horizontalAlignment--type-date);position:relative}.ODSDatePickerFlyout-DateGrid.ODSDatePickerFlyout-DateGrid--size-small.ODSDatePickerFlyout-DateGrid--type-date{max-width:var(--ODSDatePickerFlyout-DateGrid-maxWidth--size-small--type-date);min-width:var(--ODSDatePickerFlyout-DateGrid-minWidth--size-small--type-date);height:var(--ODSDatePickerFlyout-Grig-height--size-small);flex:0 0 var(--ODSDatePickerFlyout-Grig-height--size-small)}.ODSDatePickerFlyout-DateGrid.ODSDatePickerFlyout-DateGrid--size-large.ODSDatePickerFlyout-DateGrid--type-date{max-width:var(--ODSDatePickerFlyout-DateGrid-maxWidth--size-large--type-date);min-width:var(--ODSDatePickerFlyout-DateGrid-minWidth--size-large--type-date);height:var(--ODSDatePickerFlyout-Grig-height--size-large);flex:0 0 var(--ODSDatePickerFlyout-Grig-height--size-large)}.ODSDatePickerFlyout-RowListContainer.ODSDatePickerFlyout-RowListContainer--type-date{width:var(--ODSDatePickerFlyout-RowListContainer-width--type-date);display:var(--ODSDatePickerFlyout-RowListContainer-display--type-date);align-items:var(--ODSDatePickerFlyout-RowListContainer-verticalAlignment--type-date);justify-content:var(--ODSDatePickerFlyout-RowListContainer-horizontalAlignment--type-date);flex-direction:var(--ODSDatePickerFlyout-RowListContainer-flexDirection--type-date)}.ODSDatePickerFlyout-WeekdaysListContainer.ODSDatePickerFlyout-WeekdaysListContainer--type-date{width:var(--ODSDatePickerFlyout-WeekdaysListContainer-width--type-date);display:var(--ODSDatePickerFlyout-WeekdaysListContainer-display--type-date);align-items:var(--ODSDatePickerFlyout-WeekdaysListContainer-verticalAlignment--type-date);justify-content:var(--ODSDatePickerFlyout-WeekdaysListContainer-horizontalAlignment--type-date);flex-direction:var(--ODSDatePickerFlyout-WeekdaysListContainer-flexDirection--type-date)}.ODSDatePickerFlyout-WeekdaysListContainer.ODSDatePickerFlyout-WeekdaysListContainer--size-small.ODSDatePickerFlyout-WeekdaysListContainer--type-date{max-width:var(--ODSDatePickerFlyout-WeekdaysListContainer-maxWidth--size-small--type-date);min-width:var(--ODSDatePickerFlyout-WeekdaysListContainer-minWidth--size-small--type-date)}.ODSDatePickerFlyout-WeekdaysListContainer.ODSDatePickerFlyout-WeekdaysListContainer--size-large.ODSDatePickerFlyout-WeekdaysListContainer--type-date{max-width:var(--ODSDatePickerFlyout-WeekdaysListContainer-maxWidth--size-large--type-date);min-width:var(--ODSDatePickerFlyout-WeekdaysListContainer-minWidth--size-large--type-date)}.ODSDatePickerFlyout-Weekday.ODSDatePickerFlyout-Weekday--type-date{padding:var(--ODSDatePickerFlyout-Weekday-padding--type-date);height:var(--ODSDatePickerFlyout-Weekday-height--type-date);align-items:var(--ODSDatePickerFlyout-Weekday-horizontalAlignment--type-date)}.ODSDatePickerFlyout-Weekday.ODSDatePickerFlyout-Weekday--size-small.ODSDatePickerFlyout-Weekday--type-date{width:var(--ODSDatePickerFlyout-Weekday-width--size-small--type-date);justify-content:var(--ODSDatePickerFlyout-Weekday-verticalAlignment--size-small--type-date)}.ODSDatePickerFlyout-Weekday.ODSDatePickerFlyout-Weekday--size-large.ODSDatePickerFlyout-Weekday--type-date{width:var(--ODSDatePickerFlyout-Weekday-width--size-large--type-date);justify-content:var(--ODSDatePickerFlyout-Weekday-verticalAlignment--size-large--type-date);gap:var(--ODSDatePickerFlyout-Weekday-gap--size-large--type-date)}.ODSDatePickerFlyout-Label.ODSDatePickerFlyout-Label--type-date{font:var(--ODSDatePickerFlyout-Label-font--type-date);letter-spacing:var(--ODSDatePickerFlyout-Label-letterSpacing--type-date);color:var(--colours-basic-text);vertical-align:var(--ODSDatePickerFlyout-Label-verticalAlign--type-date)}.ODSDatePickerFlyout-DateAndYearPicker{padding:var(--ODSDatePickerFlyout-DateAndYearPicker-padding);width:var(--ODSDatePickerFlyout-DateAndYearPicker-width);justify-content:var(--ODSDatePickerFlyout-DateAndYearPicker-verticalAlignment);align-items:var(--ODSDatePickerFlyout-DateAndYearPicker-horizontalAlignment)}.ODSDatePickerFlyout-OdsDivider{width:var(--ODSDatePickerFlyout-OdsDivider-width)}.ODSDatePickerFlyout-WrapContainer{width:var(--ODSDatePickerFlyout-WrapContainer-width);flex-wrap:var(--ODSDatePickerFlyout-WrapContainer-flexWrap);align-items:var(--ODSDatePickerFlyout-WrapContainer-verticalAlignment);justify-content:var(--ODSDatePickerFlyout-WrapContainer-horizontalAlignment)}.ODSDatePickerFlyout-CalendarNavigationContainer{align-items:var(--ODSDatePickerFlyout-CalendarNavigationContainer-verticalAlignment);justify-content:var(--ODSDatePickerFlyout-CalendarNavigationContainer-horizontalAlignment)}.ODSDatePickerFlyout-CalendarDropdownContainer{align-items:var(--ODSDatePickerFlyout-CalendarDropdownContainer-verticalAlignment);justify-content:var(--ODSDatePickerFlyout-CalendarDropdownContainer-horizontalAlignment)}.ODSDatePickerFlyout-DateGridInner{gap:var(--ODSDatePickerFlyout-DateGrid-gap--type-date);position:absolute;inset:0}.ODSDatePickerFlyout-CalendarNavigationContainer .ODSButton.ODSButton--disabled{cursor:not-allowed}.ODSDatePickerFlyout-LoadingState{z-index:1;background-color:var(--colours-basic-background);position:var(--ODSDatePickerFlyout-LoadingState-position--type-date--loading);top:var(--ODSDatePickerFlyout-LoadingState-top--type-date--loading);bottom:var(--ODSDatePickerFlyout-LoadingState-bottom--type-date--loading);left:var(--ODSDatePickerFlyout-LoadingState-left--type-date--loading);right:var(--ODSDatePickerFlyout-LoadingState-right--type-date--loading);opacity:var(--ODSDatePickerFlyout-LoadingState-opacity--type-date--loading);align-items:var(--ODSDatePickerFlyout-LoadingState-verticalAlignment--type-date--loading);justify-content:var(--ODSDatePickerFlyout-LoadingState-horizontalAlignment--type-date--loading)}
.ODSDatePicker{--ODSDatePicker-minWidth--size-large:362px;--ODSDatePicker-width:100%;--ODSDatePicker-verticalAlignment:start;--ODSDatePicker-horizontalAlignment:start;--ODSDatePicker-maxWidth:100%;width:var(--ODSDatePicker-width);justify-content:var(--ODSDatePicker-verticalAlignment);align-items:var(--ODSDatePicker-horizontalAlignment);max-width:var(--ODSDatePicker-maxWidth);transition:all .2s ease-in-out}