.wrap[data-v-0df6129d] {
    padding-top: 18px;
    width: 100%;
    height: 64px;
    background: transparent url(../img/customPreviewHeaderBg.d25fb80f.png) no-repeat top left;
    /* box-shadow: 0px 1px 0px 0px #F7F7F7; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.header-content[data-v-0df6129d] {
    padding: 0 20px;
    width: 290px;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.search-wrap[data-v-0df6129d] {
    padding: 0 14px;
    width: 100%;
    height: 28px;
    background: rgba(255,255,255,0.8);
    border-radius: 28px;
    font-size: 12px;
    font-weight: 500;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.header-title[data-v-0df6129d] {
    margin: 0 12px;
    font-size: 17px;
    font-weight: bold;
    color: #000000;
}
.search-txt[data-v-0df6129d] {
    margin-left: 6px;
}


.customPage-preview-wrap[data-v-3ce76052] {
    min-height: 667px;
}
.draggable-wrap[data-v-3ce76052] {
    display: inline-block;
    width: 100%;
}
.components-wrap[data-v-3ce76052] {
    position: relative;
    width: 100%;
    z-index: 1;
}
.header-position[data-v-3ce76052] {
    margin-top: -64px;
    z-index: 0;
}
.components-wrap.active[data-v-3ce76052]::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    border: 2px solid #1890ff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: move;
    /* z-index: 5; */
}
.components-wrap.active-dashed[data-v-3ce76052]::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    border: 2px dashed #1890ff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: move;
    /* z-index: 5; */
}
.components-del-wrap[data-v-3ce76052] {
    padding: 6px 8px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAqCAYAAACJKcSjAAAFf0lEQVR4Xu2cz2/bNhTHHx8pyZbsxJHs1kkcx4d0QzJsu+6YHbZhh/21Owy99Q/o2ScDdWPPTbs4WdbYqSXxcXiBXLidjWj9ESsoCQg2/EskP/6SfD9IASuKMUZkb/EjXzgcDpWUUiilUAghEHH+mVU/Y1//DD1ARIZLmqaktTatVisFAAIAk10ghHgL8J0qzME+efJEdjodNZ1O1c7Ojrq4uPBc13UQUSZJIhERM/CfoQn2J1fpjojIcRxNRDqO42Rra2s2Go1S3/fTfr+fHh8fa/7uUuUxXAZ7cHDgpGnqVSqVMhH5cRwHAFBCRBcRHa31jYIthrvrAVaslJL5JkQUA8Ab13UniDi9urq6VkrNer1ewoBXwu33+97m5qY3nU6rUspNIqoh4gYABMYYzxjj8lDNw/TdNc3eiYdhHoKFELEQYgYAEyL6BxH/1lpf+r7/+vLyctbpdOJVcGW32y0HQVD1PC8EgLoxpo6IWwBQYfXO4RLxfax67+Jvx6pFxLdwWbUAcEVEF0KIMwA4m81m55PJ5PXR0dGbpXCfPn3qNBqNCiJGrus+0FpvCyGaxhiGW2blAoDDyuVFFQO+i8Z96fdgsLyYyhZPSabcayHEhTHmVEr5Io7jV0Q0brfbV6uU6z179qzmOM5DKeUOIraIqImIoRCCL4YrGe6X3uFraj+vjLUxZmaMOSeic0Q8JaKh1nqUJMlLIcTlUriDwaDs+34UxzGD3TPG7BHRAwYdhuEviMjzrh2N10TWGHNj6hDR5Pz8/DEDRcRXQogBEQ1c1x3x8LwU7mg08gGgoZRisPtpmu7xvOs4zm4Yhr9JKXnVbMuae0BrzXB/T5LkT55vlVIDIcTzNE0HSqnxUrinp6fBbDZ76LruPhF1WL1EFDmOsx1F0a+IyIsqW9bcA0R0NR6P/0iS5AUijlm1iNiP4/i57/t//QcuD7fdbjdoNBpNItoHgI7Wug0ADLcZRREPyxbumsHy7TO4jxfhGmP6xhiG+2op3F6vV/V9fxsA9pVSDLclhIiklAz3Zwu3AGQX4GqteTE1llIOtNZ9ImK4L9+Bm7kd8eTkZMN13R1WLQM2xuwCQKiUemDhFgPse8rl1fEYEU+Wws3Ail6v52xsbNRYrRncdmbj1pRSjSiKfrLKLQbghWF5Ndy5Ynu9noqiqDSZTHilzHBvVIuIDSKqSCmjer1u4RaD7eKcuxzuXLHdblc1m83S9fX1BiI2AYDNIJ5rm0KIGnumWLlhGP7Idm5B2vdFV+NW5c4jQIeHhx4iVrXWESLuZo6LbXZBZqqtBUFw5Pv+IyEEux5tWXMP5ILLfuLhcMjmTeh5XjNJkj0GzI4MAOCoUBgEwTelUukRh/tsDHfNVLPb54HLGRae53mbcRyzL5nnWrZrOVBQk1LWK5XKt6VS6StEZJ+yLQXpgTxwb8J7tVotNMaw+dN2HKeVpmnTdd2m7/vfl8vlr7NgQUGaZauRyxTiwP7Z2ZmfpmnE86yUsp2maUtKuVutVn8ol8vfWbDF/DPlUq6FW0x4t9UqF1w7LN/WjcV8Pw9cu6AqJrtba5UHLvuX35pCcweGNYVu7du1fyAXXE5jXXRiEBHbuHtCCOvEWDvC1RXIBZedEtb9WGCKK6p2K1z+3vuBgyRJ6kTEqTU2cFBg5rngLgC2Ib8Cw3y/arnhLirYBuvvB+H/BXcO2KbZ3C+4udJs5nBtgtz9gps7QY6bZVNb7xXc/Kmt3CyblH4/4H5QUrrdTlJsuB+1nYR38dmNYIUG/OEbwewWzmKC/VRbOO3m6wLy/SSbr9kdaY9NKCBd3pT7CY5NsAeeFJMtxwE+/sATbps9qqiQhHnT9YcfVbTgZ+an9pCxgjHOe8jYvxid9bJ+DKcXAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}
.components-del-content[data-v-3ce76052] {
    min-width: 120px;
    padding: 6px 8px 6px 14px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.components-del-icon[data-v-3ce76052] {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid rgba(230, 230, 230, 1);
    line-height: 1;
}
.ghost[data-v-3ce76052] {
    /* opacity: 0.1; */
    background: #ffffff;
}
.online-ser-style[data-v-3ce76052] {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    z-index: 100;
}