// Avatar image editor
.avatar-editor {
    .avatar-editor-remove {
        @apply hidden;
    }

    &:hover {
        .avatar-editor-remove {
            @apply inline-flex;
        }
    }
}

//Datetime
.vdatetime {

    .vdatetime-input {
        @apply cursor-pointer;
    }

    .vdatetime-overlay {
        @apply z-20;
    }

    .vdatetime-popup {
        @apply z-30;
    }

    .vdatetime-popup__header,
    .vdatetime-calendar__month__day--selected > span > span,
    .vdatetime-calendar__month__day--selected:hover > span > span {
        background: theme('colors.blue.500') !important;
    }

    .vdatetime-year-picker__item--selected,
    .vdatetime-month-picker__item--selected,
    .vdatetime-time-picker__item--selected,
    .vdatetime-popup__actions__button {
        color: theme('colors.blue.600') !important;
    }
}
