.date-picker{--input-color: var(--shade10);--input-border-color: var(--shade03);box-sizing:border-box;display:inline-flex;background:var(--shade00);border-radius:var(--input-radius);padding:var(--spacing);border:1px solid var(--input-border-color);color:var(--input-color);font-size:1rem;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:inherit;font-weight:var(--fw-regular)}.date-picker::-ms-expand{display:none}.date-picker{transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.date-picker{transition:none}}.date-picker-active .input-custom{transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.date-picker-active .input-custom{transition:none}}.date-picker-active .input-custom{padding:1rem 1rem 0rem}.date-picker-active~.label--required,.date-picker-active~.label,.date-picker-active~label{top:.6rem;left:1.05rem;font-size:.625rem;line-height:normal;z-index:1}.date-picker:active,.date-picker:focus{transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.date-picker:active,.date-picker:focus{transition:none}}.date-picker:active,.date-picker:focus{border-color:var(--input-color);color:var(--input-color);outline:2px solid var(--input-focus-ring)}.date-picker::-webkit-input-placeholder,.date-picker:-ms-input-placeholder,.date-picker::placeholder{color:var(--input-border-color)}.date-picker[disabled],.date-picker.disabled{border-color:var(--shade04);color:var(--shade04);background:var(--shade01);pointer-events:none}@media (max-width: 64rem){.date-picker{font-size:1rem}}.date-picker *{box-sizing:border-box}.date-picker>label{position:absolute;top:50%;transform:translateY(-50%);left:1.25rem;height:auto;display:flex;align-items:center;color:var(--shade05);z-index:1;font-size:.875rem;transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.date-picker>label{transition:none}}.date-picker .react-date-picker{opacity:0}.date-picker.active{padding:var(--spacing) var(--spacing) 0;height:var(--input-custom-height)}.date-picker.active>label{top:.9rem;left:1.05rem;font-size:.625rem;line-height:normal;z-index:1}.date-picker.active .react-date-picker{opacity:1}.date-picker.active .react-date-picker__button{transform:translateY(-50%)}.date-picker .react-date-picker{width:100%;height:100%;display:inline-flex}.date-picker .react-date-picker--disabled{border-color:var(--shade04);background:var(--white);color:var(--shade04)}.date-picker .react-date-picker__wrapper{display:flex;align-items:center;width:100%}.date-picker .react-date-picker__inputGroup__input{min-width:.625rem;height:100%;position:relative;border:0;padding:0;background:none;box-sizing:content-box}.date-picker .react-date-picker__inputGroup__input::-webkit-outer-spin-button,.date-picker .react-date-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.date-picker .react-date-picker__button{border:0;background:transparent;position:absolute;right:var(--spacing)}.date-picker .react-date-picker__button:enabled{cursor:pointer}.date-picker .react-date-picker__calendar{width:calc(100% + var(--spacing) * 2);max-width:100vw;position:absolute;top:100%;left:calc(var(--spacing) * -1);z-index:9}.date-picker .react-date-picker__calendar--closed{display:none}.date-picker .react-date-picker__calendar .react-calendar{background:var(--white);box-shadow:var(--shadow-1);border-radius:var(--border-radius-container);padding:var(--spacing-06) var(--spacing-06) calc(var(--spacing-06) * .8) var(--spacing-06);overflow:hidden;display:flex;flex-direction:column;gap:var(--spacing-05) 0}.date-picker .react-date-picker__calendar .react-calendar__navigation{display:flex;gap:calc(var(--spacing) * .5)}.date-picker .react-date-picker__calendar .react-calendar__navigation__arrow{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);border:solid 1px var(--shade04);border-radius:var(--border-radius-button)}.date-picker .react-date-picker__calendar .react-calendar__navigation__arrow[disabled]{opacity:.25}.date-picker .react-date-picker__calendar .react-calendar__navigation__label{text-transform:capitalize}.date-picker .react-date-picker__calendar .react-calendar__month-view__weekdays{margin:calc(var(--spacing) * .25) 0}.date-picker .react-date-picker__calendar .react-calendar__month-view__weekdays__weekday{text-align:center;color:var(--shade05)}.date-picker .react-date-picker__calendar .react-calendar__month-view__weekdays__weekday abbr{font-size:var(--tinySize);text-decoration:none}.date-picker .react-date-picker__calendar .react-calendar__tile{padding:.625rem 0;border-radius:var(--border-radius-button);transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.date-picker .react-date-picker__calendar .react-calendar__tile{transition:none}}.date-picker .react-date-picker__calendar .react-calendar__tile:focus,.date-picker .react-date-picker__calendar .react-calendar__tile:hover{transition:all .3s ease-in-out}@media (prefers-reduced-motion: reduce){.date-picker .react-date-picker__calendar .react-calendar__tile:focus,.date-picker .react-date-picker__calendar .react-calendar__tile:hover{transition:none}}.date-picker .react-date-picker__calendar .react-calendar__tile:focus,.date-picker .react-date-picker__calendar .react-calendar__tile:hover{background:var(--shade02)}.date-picker .react-date-picker__calendar .react-calendar__tile--now{background:var(--black);color:var(--white)}.date-picker .react-date-picker__calendar .react-calendar__tile--now:focus,.date-picker .react-date-picker__calendar .react-calendar__tile--now:hover{color:var(--black)}