.datetime-input-wrapper[data-v-822dbca1]{width:100%}.datetime-input[data-v-822dbca1]{z-index:0;isolation:isolate;min-height:var(--control-height-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background-color:var(--color-surface);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);cursor:pointer;appearance:none;text-align:left;align-items:center;width:100%;font-family:inherit;display:flex;position:relative;overflow:visible}.datetime-input--focused[data-v-822dbca1]{border-color:var(--color-border-focus)}@media (hover:hover){.datetime-input--focused[data-v-822dbca1]:hover{border-color:var(--color-border-focus)}}.datetime-input--error[data-v-822dbca1],.datetime-input--error.datetime-input--focused[data-v-822dbca1]{border-color:var(--color-error)}@media (hover:hover){.datetime-input--error[data-v-822dbca1]:hover{border-color:var(--color-error)}}.datetime-input--disabled[data-v-822dbca1]{cursor:not-allowed}.datetime-input--disabled .datetime-input__value[data-v-822dbca1]{color:var(--color-text-disabled);cursor:not-allowed}.datetime-input__value[data-v-822dbca1]{font-size:var(--fs-base);color:var(--color-text-primary);flex:1}.datetime-input__value--hidden[data-v-822dbca1]{visibility:hidden}.datetime-input__errors[data-v-822dbca1]{margin-top:var(--space-1)}@media (hover:hover){.datetime-input[data-v-822dbca1]:hover:not(.datetime-input--disabled){border-color:var(--color-third)}}