div[xos-object="BookCoverView"] {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*min-width: 320px;*/
    /*max-width: 800px;*/
    display: inline-block;
    vertical-align: middle;
}

div[xos-object="BookCoverView"] #background {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;

}

div[xos-object="BookCoverView"] #svgContainer {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    /* BASE TRANSFORM */
    transform: perspective(10000px) scale(0.58) translateX(0) translateY(0) rotateX(-19deg) rotateY(18deg);
    -webkit-transform: perspective(10000px) scale(0.58) translateX(0) translateY(0) rotateX(-19deg) rotateY(18deg);
    /*background-color: rgba(255, 0, 0, 0.2);*/

}

div[xos-object="BookCoverView"] #svgContainer svg {
    max-width: 100%;
    height: 100%;
    display: block;
}

/* IMAGES EDITOR */

div[xos-object="BookCoverImageEditor"] {
    position: fixed;
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px;
    background-color: #ccc;
    padding: 10px;
    z-index: 1000;
    /*     opacity:.8; */
    max-height: 640px;
}

div[xos-object="BookCoverImageEditor"] #imageView {
    position: absolute;
    display: block;
    border: 2px solid black;
    left: 40px;
    top: 40px;
    width: 400px;
    height: 400px;
}

div[xos-object="BookCoverImageEditor"] #boxMargins {
    position: absolute;
    display: block;
    border: 2px dotted red;
    width: 360px;
    height: 360px;
    left: 60px;
    top: 60px;
}

/* SQUARE PRODUCTS */

div[xos-object="BookCoverView"].PAGE_FORMAT_15x15 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_20x20 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_25x25 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_30x30 #svgContainer {
    transform: perspective(10000px) scale(0.65) translateX(0) translateY(0) rotateX(-19deg) rotateY(14deg);
    -webkit-transform: perspective(10000px) scale(0.65) translateX(0) translateY(0) rotateX(-19deg) rotateY(14deg);
}

/* VERTICAL PRODUCTS */

div[xos-object="BookCoverView"].PAGE_FORMAT_13x20 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_15x20 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_15x22 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_20x27 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_20x30 #svgContainer {
    transform: perspective(10000px) scale(0.6) translateX(0) translateY(0) rotateX(-19deg) rotateY(15deg);
    -webkit-transform: perspective(10000px) scale(0.65) translateX(0) translateY(0) rotateX(-19deg) rotateY(14deg);
}

/* HORIZONTAL PRODUCTS */

div[xos-object="BookCoverView"].PAGE_FORMAT_20x15 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_27x20 #svgContainer,
div[xos-object="BookCoverView"].PAGE_FORMAT_32x24 #svgContainer {
    transform: perspective(10000px) scale(0.53) translateX(0) translateY(0) rotateX(-20deg) rotateY(15deg);
    -webkit-transform: perspective(10000px) scale(0.65) translateX(0) translateY(0) rotateX(-19deg) rotateY(14deg);
}

/* MATTED PRINTS */

div[xos-object="BookCoverView"].WEB_EPOCA_MATTED_PRINT_PACKAGING_UV #svgContainer,
div[xos-object="BookCoverView"].WEB_EPOCA_MATTED_PRINT_PACKAGING #svgContainer {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 100%;
    /* BASE TRANSFORM */
    transform-origin: 45% 41%;
    -webkit-transform-origin: 45% 41%;
    transform: skewX(27deg) perspective(15000px) scale(0.60) rotateX(57deg) rotateY(-5deg) rotateZ(-10deg);
    -webkit-transform: skewX(27deg) perspective(15000px) scale(0.60) rotateX(57deg) rotateY(-5deg) rotateZ(-10deg);
    /*background-color: rgba(255, 0, 0, 0.2);*/

}