.page-builder-screen-wrap {
    .page-builder-wrap {
        margin: 0 auto;
        max-width: 800px;
        padding: 0 20px;
        display: grid;
        column-gap: 30px;
        justify-content: center;
        grid-auto-columns: minmax(0, 1fr);
        grid-auto-flow: column;
        align-items: center;
    }

    .image-wrap {
        padding-bottom: 15px;
        display: inline-flex;
        cursor: pointer;
        box-sizing: border-box;
        border-radius: var(--st-border-radius-2);
        transition: all linear 0.2s;

        img {
            width: 85px;
            height: 85px;
            border-radius: 50%;
        }
    }

    .page-builder-item {
        padding: 20px;
        border-radius: var(--st-border-radius-4);
        cursor: pointer;
        transition: all linear 0.2s;
        background: var(--st-background-primary);
        border: 1px solid var(--st-border-color);
        flex-direction: column;

        &:hover,
        &:focus {
            transform: translateY(-1px);
            box-shadow: 0px 4px 8px -2px rgba(9, 30, 66, 0.25), 0px 0px 1px rgba(9, 30, 66, 0.31);
            border-color: var(--st-color-white);
        }
    }
}
