#iidx-qpro-preview {
    position: relative;
}

#iidx-qpro-preview > img {
    position: absolute;
}

@media screen and (min-width: 720px) {
    #iidx_qpro_settings_container, #iidx_theme_settings_container {
        display: flex;
    }

    #iidx_qpro_settings_container > *:first-child, #iidx_theme_settings_container > *:first-child {
        flex: 1;
    }

    #iidx-qpro-preview {
        width: 340px;
        height: 400px;
    }

    #iidx-skin-preview {
        margin-left: 1em;
    }
}

@media screen and (max-width: 720px) {
    #iidx_qpro_settings_container > form, #iidx_theme_settings_container > form {
        margin-bottom: 0;
    }

    #iidx-qpro-preview, #iidx-skin-preview {
        margin-bottom: 2em;
    }

    #iidx-qpro-preview {
        width: 170px;
        height: 200px;
    }
}

/* Playlist */
#iidxplaylistcontainer button {
    margin-right: 1em;
    margin-bottom: 1em;
}

#iidx-qpro-preview .qp-hair {
    left: 12.94%
}

#iidx-qpro-preview .qp-hair,#iidx-qpro-preview .qp-head {
    top: 5%;
    width: 77.06%;
    height: 88%
}

#iidx-qpro-preview .qp-head {
    left: 14.71%
}

#iidx-qpro-preview .qp-face {
    left: 29.41%;
    top: 15%;
    width: 44.17%;
    height: 39.5%
}

#iidx-qpro-preview .qp-body {
    left: 14.71%;
    top: 5%;
    width: 76.47%;
    height: 88%
}

#iidx-qpro-preview .qp-arm-r {
    left: 12.35%;
    width: 38.82%
}

#iidx-qpro-preview .qp-arm-l,.qp-arm-r {
    top: 44.5%;
    height: 48.5%
}

#iidx-qpro-preview .qp-arm-l {
    left: 50%;
    width: 41.76%
}

#iidx-qpro-preview .qp-leg-r {
    left: 26.47%
}

#iidx-qpro-preview .qp-leg-l,.qp-leg-r {
    top: 61.25%;
    width: 30%;
    height: 33%
}

#iidx-qpro-preview .qp-leg-l {
    left: 42.65%
}

#iidx-qpro-preview .qp-hand-r {
    left: 1.47%;
    top: 0;
    width: 62.35%;
    height: 88%
}

#iidx-qpro-preview .qp-hand-l {
    left: 44.12%;
    top: 0;
    width: 47.65%;
    height: 88%
}