.datetime-picker-container{margin-bottom:1rem;width:100%}.datetime-picker-container.full-width{width:100%}.datetime-picker-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.datetime-picker-required{color:#ef4444}.datetime-picker-input{width:100%;padding:.5rem .75rem;border-width:1px;border-radius:.375rem;font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.datetime-picker-input:hover{border-color:#60a5fa;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.datetime-picker-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.25)}.datetime-picker-input.error{border-color:#ef4444}.datetime-picker-input.error:focus{box-shadow:0 0 0 2px rgba(239,68,68,.25)}.datetime-picker-error-message{margin-top:.25rem;font-size:.875rem;color:#ef4444}.datetime-picker-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;filter:invert(.5);-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.datetime-picker-input::-webkit-calendar-picker-indicator:hover{opacity:1}.datetime-picker-input::-moz-calendar-picker-indicator{cursor:pointer}.datetime-picker-input::-ms-clear{display:none}