.c-date-picker{position:relative}.c-date-picker__input{border:0;height:48px;margin:0;opacity:0;outline:none;padding:0;width:48px;z-index:0}.c-date-picker__error-message{color:var(--input-error-message-color,var(--c-danger));font-family:var(--font-family--primary);font-size:var(--font-size--xs);font-weight:700;margin-top:4px;min-height:calc(var(--font-size--xs)*1.25)}.c-date-picker__div{display:flex;justify-content:center;margin:24px 0;width:100%}.c-date-picker__button{--button-border-color:var(--c-onyx--300);--button-position:absolute;--button-width:var(--date-picker-width,auto);--button-background:var(--c-white);--button-justify-content:var(--date-picker-justify-content,center);left:var(--date-picker-left,0);top:0;z-index:1}.c-date-picker__button:hover{--button-border-color:var(--c-black)}.c-date-picker__button.invalid{--button-border-color:var(--c-danger)}.c-date-picker__button.placeholder:not(.disabled){--button-color:var(--c-onyx--600)}.c-date-picker__button.large{--button-padding:10px 12px}@media (max-width:1024px){.c-date-picker__button.large{--button-padding:14px 8px;--button-font-size:14px;--button-icon-size:22px;gap:4px!important}}.c-date-picker__button-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-date-picker .datepicker-cell:not(.disabled):hover{background-color:var(--c-onyx--200)}.c-date-picker .datepicker-cell:not(.disabled).selected{background-color:var(--c-primary)}.c-date-picker-range{display:inline-flex}.c-date-picker-range__button{--button-background:var(--c-white);--button-border-width:1px;--button-border-style:solid;--button-border-color:var(--c-onyx--300);--button-border-radius:var(--spacer-xs);--button-width:var(--button-range-width,125px);outline:none!important;position:relative}.c-date-picker-range__button.label-up{justify-content:flex-start;--button-padding:20px 12px 8px 15px}.c-date-picker-range__button.label-up .c-date-picker-range__placeholder{font-size:12px;left:15px;line-height:12px;position:absolute;top:5px}.c-date-picker-range__button-left{border-bottom-right-radius:0!important;border-right:0!important;border-top-right-radius:0!important}.c-date-picker-range__button-left.active{--button-border-color:var(--c-black)}.c-date-picker-range__button-right{border-bottom-left-radius:unset!important;border-left:1px solid var(--c-onyx--300)!important;border-top-left-radius:unset!important}.c-date-picker-range__button-right.highlighted{border-left:1px solid var(--c-black)}.c-date-picker-range__button-right.active{border-color:var(--c-black)}.c-date-picker-range__button-right:after{background-color:var(--c-white);border:1px solid var(--c-onyx--300);border-bottom:unset;border-left:unset;content:"";height:10px;left:-6px;margin-top:-5px;position:absolute;top:50%;transform:rotate(45deg);width:10px}.c-date-picker-range__button-right.highlighted:after{border-color:var(--c-black)}.c-date-picker-range__placeholder{color:var(--c-onyx--600)}.c-date-picker-range__input{height:0;left:0;opacity:0;position:absolute;top:10px;width:0}.c-date-picker-range .datepicker-dropdown{position:fixed!important}.c-date-picker-range__button.invalid{--button-border-color:var(--c-danger)}.c-date-picker-range__error-message{bottom:-20px;color:var(--input-error-message-color,var(--c-danger));font-family:var(--font-family--primary);font-size:var(--font-size--xs);font-weight:700;max-width:100%;min-height:calc(var(--font-size--xs)*1.25);overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}.datepicker{width:-moz-min-content;width:min-content}.datepicker:not(.active){display:none}.datepicker-dropdown{padding-top:4px;position:absolute;z-index:20}.datepicker-dropdown.datepicker-orient-top{padding-bottom:4px;padding-top:0}.datepicker-picker{background-color:#fff;border-radius:4px;display:flex;flex-direction:column}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px #0a0a0a1a,0 0 0 1px #0a0a0a1a}.datepicker-main{flex:auto;padding:2px}.datepicker-footer{background-color:#f5f5f5;box-shadow:inset 0 1px 1px #0a0a0a1a}.datepicker-title{background-color:#f5f5f5;box-shadow:inset 0 -1px 1px #0a0a0a1a;font-weight:700;padding:.375rem .75rem;text-align:center}.datepicker-controls{display:flex}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;box-shadow:none;color:#363636;cursor:pointer;display:inline-flex;font-size:1rem;height:2.25em;justify-content:center;line-height:1.5;margin:0;padding:calc(.375em - 1px) .75em;position:relative;text-align:center;vertical-align:top;white-space:nowrap}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b8b8b8;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em #3273dc40}.datepicker-controls .button:active{border-color:#474747;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-footer .datepicker-controls .button{border-radius:2px;flex:auto;font-size:.75rem;margin:calc(.375rem - 1px) .375rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-button,.datepicker-controls .prev-button{flex:0 0 14.2857142857%;padding-left:.375rem;padding-right:.375rem}.datepicker-controls .next-button.disabled,.datepicker-controls .prev-button.disabled{visibility:hidden}.datepicker-grid,.datepicker-view{display:flex}.datepicker-view{align-items:stretch;width:15.75rem}.datepicker-grid{flex:auto;flex-wrap:wrap}.datepicker .days{display:flex;flex:auto;flex-direction:column}.datepicker .days-of-week{display:flex}.datepicker .week-numbers{display:flex;flex:0 0 9.6774193548%;flex-direction:column}.datepicker .weeks{align-items:stretch;display:flex;flex:auto;flex-direction:column}.datepicker span{-webkit-touch-callout:none;align-items:center;border-radius:4px;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker .dow{font-size:.875rem;font-weight:700;height:1.5rem}.datepicker .week{color:#b8b8b8;flex:auto;font-size:.75rem}.datepicker .days .dow,.datepicker-cell{flex-basis:14.2857142857%}.datepicker-cell{height:2.25rem}.datepicker-cell:not(.day){flex-basis:25%;height:4.5rem}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e9e9e9}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dcdcdc}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){background-color:#f5f5f5;border-radius:0}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#efefef}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e9e9e9}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00ccad}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b8b8b8;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#b3b3b3}.datepicker-cell.range-start:not(.range-end){border-radius:4px 0 0 4px}.datepicker-cell.range-end:not(.range-start){border-radius:0 4px 4px 0}.datepicker-cell.range{background-color:#dcdcdc;border-radius:0}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d7d7d7}.datepicker-cell.range.disabled{color:#c6c6c6}.datepicker-cell.range.focused{background-color:#d1d1d1}.datepicker-input.in-edit{border-color:#276bda}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em #276bda33}
