.io-input-date{&.io-input-date--focused{& .io-input-date__field[data-v-ef02b9fd]{box-shadow:inset 0 0 0 1px var(--accent)}}&.io-input-date--disabled{&[data-v-ef02b9fd]{cursor:not-allowed}& .io-input-date__input[data-v-ef02b9fd]{cursor:not-allowed;color:var(--input-disabled-color)}& .io-input-date__field[data-v-ef02b9fd]{box-shadow:none;background-color:var(--input-disabled-background)}}&.io-input-date--readonly{& .io-input-date__input[data-v-ef02b9fd]{cursor:default}}& .io-input-date__field[data-v-ef02b9fd]{box-shadow:inset 0 0 0 1px var(--darker-bg);border-radius:4px;transition:box-shadow .15s;position:relative}& .io-input-date__input[data-v-ef02b9fd]{width:100%;color:var(--text-subheaders);background-color:#0000;border:none;outline:none;padding:8px 12px;font-family:inherit}& .io-input-date__input[data-v-ef02b9fd]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .15s}& .io-input-date__input[data-v-ef02b9fd]::-webkit-calendar-picker-indicator:hover{opacity:1}}.io-form-field--error .io-input-date .io-input-date__field[data-v-ef02b9fd]{box-shadow:inset 0 0 0 1px var(--error)}