.wp-admin.post-type-petitioner-petition {
    .ptr-fake-field {
        position: relative;
        padding: var(--ptr-admin-spacing-md, 8px);
        border-radius: 4px;
        border: 1px dashed transparent;
        transition: 0.15s;
        transition-delay: 0;
        background: white;

        &--input,
        &--checkbox,
        &--content {
            border: 1px solid transparent;
            border-radius: 4px;
            background-color: #fff;
            font-size: 14px;
        }

        &--checkbox {
            display: flex;
            align-items: center;
            gap: 4px;
            cursor: pointer;

            input[type="checkbox"] {
                width: 16px;
                height: 16px;
                pointer-events: none;
            }

            label {
                font-size: 14px;
                margin-bottom: 0px;
                pointer-events: none;
            }
        }

        &--submit {
            >button {
                border-radius: var(--ptr-admin-input-border-radius, 4px);
                background-color: var(--ptr-admin-color-primary, #000);
                border-color: var(--ptr-admin-color-primary, #000);
                color: white;
                width: 100%;
                min-height: 37px;
                pointer-events: none;
                outline: none;
            }
        }

        &:hover {
            cursor: pointer;
        }

        &:hover,
        &--active {
            .ptr-actions {
                display: flex;
            }
        }
    }

    .ptr-form-builder .components-button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .ptr-form-builder {
        &__form {
            width: 70%;

            .ptr-visual-position {
                width: 100%;
                opacity: 0 !important;
                height: 5px;
                display: block;

                &.active {
                    background: var(--ptr-admin-color-primary, #000);
                }
            }

            &.is-dragging {
                cursor: grabbing;

                .ptr-fake-field:hover {
                    border: 0px solid transparent;
                }

                .ptr-actions {
                    display: none;
                }

                .ptr-visual-position {
                    opacity: 1;
                }
            }
        }

        &__form-header {
            padding: 16px;

            h3,
            p {
                margin-top: 0;
                margin-bottom: 0;
            }
        }
    }

    .ptr-actions {
        position: absolute;
        right: 4px;
        display: none;
        gap: 4px;
        top: 2px;
    }

    .ptr-draggable {
        opacity: 1;
        position: relative;

        &:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--ptr-admin-color-primary, #000);
            border: 1px dashed var(--ptr-admin-color-primary, #000);
            border-radius: var(--ptr-admin-input-border-radius, 4px);
            opacity: 0;
            transition: opacity 0.15s ease-in-out;
            pointer-events: none;
        }

        &--selected {
            overflow: hidden;

            &:after {
                opacity: 0.05;
            }
        }
    }
}