.ablocks-form-builder-input {
    width: 100%;
}

.ablocks-form-builder__label {
    text-transform: capitalize;
    display: block;
}

.ablocks-form-builder__label--required::after {
    content: "*";
    color: red;
}

.ablocks-form-builder__field .ablocks-form-builder__helper-text {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: hsl(from #1E1E1E h s l / 0.65);
}

.ablocks-form-builder__field.error-msg .ablocks-form-builder-input {
    border-color: red;
}

.ablocks-form-builder__field .ablocks-block-error-msg {
    visibility: hidden;
}

.ablocks-form-builder__field.error-msg .ablocks-block-error-msg {
    visibility: visible;
    color: #dc2626;
    font-size: 14px;
    font-weight: 500;
}

.ablocks-form-builder__input-icon {
    position: absolute;
    left: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    /* Adjust the size of the emoji */
}

/* .ablocks-form-builder__input-show-icon{
    padding: 10px 10px 10px 40px !important;
} */
input.ablocks-form-builder__input {
    width: 100%;
    padding: 10px 16px;
    box-sizing: border-box;
}

.ablocks-block-error-wrap {
    height: 16px;
}

.ablocks-form-builder__input-toggle--show-password,
.ablocks-form-builder__input-toggle--hide-password {
    position: absolute;
    right: 10px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    color: #007cba;
    font-size: 14px;
    padding: 0;
    transition: color 0.3s;
    visibility: hidden;
    opacity: 0;
}

.ablocks-form-builder__input-toggle--hide-password--active,
.ablocks-form-builder__input-toggle--show-password--active {
    visibility: visible;
    opacity: 1;
}

.ablocs-block-error-wrap {
    height: 16px;
}

/* end show hide code  */
input.ablocks-form-builder__input::placeholder {
    opacity: 0.8;
}
.components-popover__content > .components-accessible-toolbar > .block-editor-block-toolbar> .components-toolbar-group > .block-editor-block-toolbar__slot > .components-toolbar-group> .components-button:hover{
    color: var(--ablocks-primary-color);
}

/* input.ablocks-form-builder__input:focus {
    outline: none;
    border: none;
} */