.date-field[data-v-d53f072d]{position:relative;width:100%;cursor:pointer}.date-field .field-label[data-v-d53f072d]{font-family:var(--title-font-stack);font-weight:600;font-size:.875rem;margin-bottom:var(--space-10);display:flex;gap:5px;padding-left:var(--space-5)}:is(.date-field .field-label) .label-right[data-v-d53f072d]{margin-left:auto}:is(.date-field .field-label) .required[data-v-d53f072d]{color:var(--red)}.date-field .field-input[data-v-d53f072d]{border-radius:var(--radius-10);border:1px solid var(--dark-gray);background:var(--white);display:flex;align-items:flex-start;position:relative;font-size:1rem;line-height:1.2em}:is(.date-field .field-input) .icon-left[data-v-d53f072d],:is(.date-field .field-input) .icon-right[data-v-d53f072d]{height:40px;width:40px;font-size:1.4rem;text-align:center;justify-content:center;flex-shrink:0;line-height:40px;display:flex;align-items:center;transition:color .2s}:is(:is(.date-field .field-input) .icon-left[data-v-d53f072d],:is(.date-field .field-input) .icon-right[data-v-d53f072d]):hover{color:var(--blue)}:is(.date-field .field-input) .clear-button[data-v-d53f072d]{width:40px;height:40px;font-size:1.4rem;text-align:center;line-height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;flex-shrink:0;transition:color .2s}:is(:is(.date-field .field-input) .clear-button[data-v-d53f072d]):hover{color:var(--red)}:is(.date-field .field-input) .prefix[data-v-d53f072d],:is(.date-field .field-input) .suffix[data-v-d53f072d]{display:flex;align-items:center;font-family:var(--title-font-stack);font-weight:500;height:40px;font-size:1rem;line-height:32px;padding:0 var(--space-15);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.date-field .field-input) .prefix[data-v-d53f072d]{border-right:1px solid var(--dark-gray)}:is(.date-field .field-input) .suffix[data-v-d53f072d]{border-left:1px solid var(--dark-gray)}:is(.date-field .field-input) .value-wrapper[data-v-d53f072d]{display:flex;width:100%;align-items:center;justify-content:left;padding:0 var(--space-15);font-family:var(--title-font-stack);font-weight:500;height:40px;min-width:100px;font-size:1rem;line-height:30px;background:var(--white);background:transparent;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.placeholder[data-v-d53f072d]:is(:is(.date-field .field-input) .value-wrapper){color:var(--dark-gray)}.has-left-icon[data-v-d53f072d]:is(:is(.date-field .field-input) .value-wrapper){padding-left:0}.has-prefix[data-v-d53f072d]:is(:is(.date-field .field-input) .value-wrapper){padding-left:var(--space-15)}.has-right-icon[data-v-d53f072d]:is(:is(.date-field .field-input) .value-wrapper){padding-right:0}.has-suffix[data-v-d53f072d]:is(:is(.date-field .field-input) .value-wrapper){padding-right:var(--space-15)}:is(:is(.date-field .field-input) .value-wrapper) .value[data-v-d53f072d]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.is-open[data-v-d53f072d]:is(.date-field .field-input){border-color:var(--darker-gray);box-shadow:var(--box-shadow)}.date-field .message[data-v-d53f072d]{padding:var(--space-5) 0 0 var(--space-5);font-size:.75rem;line-height:1.2em;font-family:var(--title-font-stack);font-weight:600}:is(.date-field.has-left-icon .field-input) .input[data-v-d53f072d]{padding-left:0}:is(.date-field.has-left-icon .field-input) .prefix[data-v-d53f072d]{padding-left:0}:is(.date-field.has-right-icon .field-input) .input[data-v-d53f072d]{padding-right:0}:is(.date-field.has-right-icon .field-input) .suffix[data-v-d53f072d]{padding-right:0}:is(.date-field.has-prefix .field-input) .input[data-v-d53f072d]{padding-left:var(--space-15)}:is(.date-field.has-suffix .field-input) .input[data-v-d53f072d]{padding-right:var(--space-15)}.date-field.has-error[data-v-d53f072d]{color:var(--red)}.date-field.has-error .field-input[data-v-d53f072d]{border-color:var(--red);color:var(--red)}:is(.date-field.has-error .field-input) .input[data-v-d53f072d]{color:var(--red)}.date-field.is-disabled[data-v-d53f072d]{border-color:var(--light-gray);cursor:not-allowed}.date-field.is-disabled .field-input[data-v-d53f072d]{color:var(--dark-gray)}:is(.date-field.is-disabled .field-input) input[data-v-d53f072d]{color:var(--dark-gray)}:is(.date-field.is-disabled .field-input) input[data-v-d53f072d]::-moz-placeholder{color:var(--dark-gray)}:is(.date-field.is-disabled .field-input) input[data-v-d53f072d]::placeholder{color:var(--dark-gray)}:is(.date-field.is-disabled .icon-left[data-v-d53f072d],.date-field.is-disabled .icon-right[data-v-d53f072d]):hover{color:var(--dark-gray)}:is(.date-field.is-disabled .clear-button[data-v-d53f072d]):hover{color:var(--red)}.date-field .calendar-dropdown[data-v-d53f072d]{background-color:#fff;color:#3c4043;overflow:hidden;padding:8px;position:absolute;left:-1px;right:-1px;margin:0 auto;top:calc(100% + var(--space-10));max-width:410px;z-index:2000;box-shadow:0 2px 4px #00000024,0 4px 5px #0000001f,0 1px 10px #0003;border-radius:var(--radius-10)}@media screen and (max-width: 420px){.date-field .calendar-dropdown[data-v-d53f072d]{position:fixed;top:calc(50% - 193px);left:5px;right:5px}}.date-field .menu-enter-active[data-v-d53f072d],.date-field .menu-leave-active[data-v-d53f072d]{transition:all .12s cubic-bezier(.4,0,1,1)}.date-field .menu-enter[data-v-d53f072d],.date-field .menu-leave-to[data-v-d53f072d]{transform:translateY(calc(var(--space-10) * -1));opacity:0}