{"version":3,"file":"assets/layouts/Caption/css/book_effects.css","mappings":"AACI,mEACI,gBAAR,CAGI,2DACI,kBAEA,QADA,KAAR,CAKQ,6vBASI,wBAXZ,CAeI,yHAEI,0BAbR,CAgBI,sWAII,uCACA,iCACA,WAdR,CAiBI,gZAKI,WAEA,UADA,kBAEA,yBAJA,UAXR,CAkBI,waAII,UACA,uBAhBR,CAoBQ,6DACI,gBAlBZ,CAqBY,gGACI,SAnBhB,CAqBY,yMAEI,YAEA,MADA,SAnBhB,CAsBY,qGACI,2FACA,OACA,yBACA,yBApBhB,CAsBY,oGACI,6FACA,QACA,0BACA,sBApBhB,CAyBY,iQAGI,gCAvBhB,CA0BgB,sGACI,UACA,qBAxBpB,CA+BQ,2DACI,gBA7BZ,CAgCY,8FACI,SA9BhB,CAgCY,qMAEI,WAEA,OADA,UA9BhB,CAiCY,mGACI,4FACA,MACA,0BACA,yBA/BhB,CAiCY,kGACI,2FACA,SACA,yBACA,sBA/BhB,CAmCY,2PAGI,gCAjChB,CAoCgB,oGACI,UACA,qBAlCpB,CAyCQ,qDACI,gBAvCZ,CA0CQ,6EACI,sBAxCZ,CA0CQ,sFACI,UAxCZ,CAyCY,wFACI,SAvChB,CAyCY,4FAMI,yFAHA,SAIA,OANA,kBAIA,QAHA,KAlChB,CA2CY,mFACI,wBAzChB,CAgDQ,uDACI,gBA9CZ,CAgDQ,+EACI,sBA9CZ,CAgDQ,wFACI,UA9CZ,CA+CY,0FACI,SA7ChB,CA+CY,8FAMI,2FAHA,SAIA,OANA,kBAIA,QAHA,KAxChB,CAiDY,qFACI,yBA/ChB,CAqDQ,wDACI,gBAnDZ,CAqDQ,gFACI,yBAnDZ,CAqDQ,yFACI,UAnDZ,CAoDY,2FACI,SAlDhB,CAoDY,+FAMI,0FAHA,SAIA,OANA,kBAIA,QAHA,KA7ChB,CAsDY,sFACI,wBApDhB,CA0DQ,uDACI,gBAxDZ,CA0DQ,+EACI,yBAxDZ,CA0DQ,wFACI,UAxDZ,CAyDY,0FACI,SAvDhB,CAyDY,8FAMI,2FAHA,SAIA,OANA,kBAIA,QAHA,KAlDhB,CA2DY,qFACI,yBAzDhB,C","sources":["webpack://product-layouts-for-woocommerce/./assets/scss/layouts/Caption/book_effects.scss"],"sourcesContent":[".wpte-product-container {\n    .wpte-product-hover-style-caption-overflow {\n        overflow: visible;\n    }\n\n    .wpte-caption-layout-wishlist-icon{\n        position: absolute;\n        top: 0;\n        right: 0;\n    }\n\n    .wpte-product-caption-hover-style-3{\n        &,\n        &:before,\n        &:after,\n        & .wpte-product-hover-figure,\n        & .wpte-product-hover-figure:before,\n        & .wpte-product-hover-figure:after,\n        & .wpte-product-hover-figure-caption,\n        & .wpte-product-hover-figure-caption:before,\n        & .wpte-product-hover-figure-caption:after {\n            background-color: rgba(205, 11, 219, 1);\n        }\n    }\n\n    [class^='wpte-product-book-open-'] *,\n    [class*=' wpte-product-book-open-'] * {\n        overflow: visible !important;\n    }\n\n    *[class^='wpte-product-book-open-'] .wpte-product-hover-figure,\n    *[class*=' wpte-product-book-open-'] .wpte-product-hover-figure,\n    *[class^='wpte-product-book-open-'] .wpte-product-hover-figure-caption,\n    *[class*=' wpte-product-book-open-'] .wpte-product-hover-figure-caption {\n        background-color: transparent !important;\n        background: transparent !important;\n        border: none;\n    }\n\n    *[class^='wpte-product-book-open-'] .wpte-product-hover-figure-caption:before,\n    *[class^='wpte-product-book-open-'] .wpte-product-hover-figure-caption:after,\n    *[class*=' wpte-product-book-open-'] .wpte-product-hover-figure-caption:before,\n    *[class*=' wpte-product-book-open-'] .wpte-product-hover-figure-caption:after {\n        z-index: -1;\n        content: '';\n        position: absolute;\n        opacity: 0;\n        transition: all 0.45s ease;\n    }\n\n    *[class^='wpte-product-book-open-']:hover .wpte-product-hover-figure-caption:before,\n    *[class^='wpte-product-book-open-']:hover .wpte-product-hover-figure-caption:after,\n    *[class*=' wpte-product-book-open-']:hover .wpte-product-hover-figure-caption:before,\n    *[class*=' wpte-product-book-open-']:hover .wpte-product-hover-figure-caption:after {\n        opacity: 1;\n        transform: rotateY(0deg);\n    }\n\n    .wpte-product-book-open-horizontal {\n        * {\n            perspective: 50em;\n        }\n        .wpte-product-hover-figure-caption {\n            * {\n                opacity: 0;\n            }\n            &:before,\n            &:after{\n                height: 100%;\n                width: 50%;\n                top: 0;\n            }\n            &:before{\n                background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);\n                left: 0;\n                transform: rotateY(90deg);\n                transform-origin: 100% 50%;\n            }\n            &:after {\n                background-image: linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%);\n                right: 0;\n                transform: rotateY(-90deg);\n                transform-origin: 0% 50%;\n            }\n        }\n\n        &:hover{\n            &,\n            .wpte-product-hover-figure-caption,\n            .wpte-product-hover-figure{\n                background: transparent !important;\n            }\n            .wpte-product-hover-figure-caption{\n                *{\n                    opacity: 1;\n                    transition-delay: 0.21s;\n                }\n            }\n        }\n    }\n\n    .wpte-product-book-open-vertical{\n        * {\n            perspective: 50em;\n        }\n        .wpte-product-hover-figure-caption{\n            * {\n                opacity: 0;\n            }\n            &:before,\n            &:after{\n                height: 50%;\n                width: 100%;\n                left: 0; \n            }\n            &:before {\n                background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);\n                top: 0;\n                transform: rotateX(-90deg);\n                transform-origin: 50% 100%;\n            }\n            &:after {\n                background-image: linear-gradient(to top, transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%);\n                bottom: 0;\n                transform: rotateX(90deg);\n                transform-origin: 50% 0%;\n            }\n        }\n        &:hover{\n            &,\n            .wpte-product-hover-figure-caption,\n            .wpte-product-hover-figure{\n                background: transparent !important;\n            }\n            .wpte-product-hover-figure-caption{\n                * {\n                    opacity: 1;\n                    transition-delay: 0.21s;\n                }\n            }\n        } \n    }\n\n    .wpte-product-book-open-up {\n        * {\n            perspective: 50em;\n        }\n\n        .wpte-product-hover-image {\n            transform-origin: 50% 0%;\n        }\n        .wpte-product-hover-figure-caption {\n            z-index: -1;\n            * {\n                opacity: 1;\n            }\n            &:after {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                background-image: linear-gradient(to top, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);\n                left: 0;\n            }\n        }\n        &:hover{\n            .wpte-product-hover-image{\n                transform: rotateX(86deg);\n            }\n        }\n    }\n\n\n    .wpte-product-book-open-left{\n        * {\n            perspective: 50em;\n        }\n        .wpte-product-hover-image {\n            transform-origin: 0% 50%;\n        }\n        .wpte-product-hover-figure-caption {\n            z-index: -1;\n            * {\n                opacity: 1;\n            }\n            &:after {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                background-image: linear-gradient(to left, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);\n                left: 0;\n            }\n        }\n        &:hover{\n            .wpte-product-hover-image{\n                transform: rotateY(-86deg);\n            }\n        }\n    }\n\n    .wpte-product-book-open-right{\n        * {\n            perspective: 50em;\n        }\n        .wpte-product-hover-image {\n            transform-origin: 100% 50%;\n        }\n        .wpte-product-hover-figure-caption {\n            z-index: -1;\n            * {\n                opacity: 1;\n            }\n            &:after {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);\n                left: 0;\n            }\n        }\n        &:hover{\n            .wpte-product-hover-image{\n                transform: rotateY(86deg);\n            }\n        }\n    }\n\n    .wpte-product-book-open-down{\n        * {\n            perspective: 50em;\n        }\n        .wpte-product-hover-image {\n            transform-origin: 50% 100%;\n        }\n        .wpte-product-hover-figure-caption {\n            z-index: -1;\n            * {\n                opacity: 1;\n            }\n            &:after {\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                background-image: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);\n                left: 0;\n            }\n        }\n        &:hover{\n            .wpte-product-hover-image{\n                transform: rotateX(-86deg);\n            }\n        }\n    }\n}"],"names":[],"sourceRoot":""}