{"version":3,"file":"frontend.css","mappings":";;;AAAA;EACI;AACJ;AAAI;EACI;EACA;EACA;EACA;AAER;AAAQ;EACI;EACA;EACA;AAEZ;AAAY;EACI;AAEhB;AACQ;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AACZ;AACY;EACI;EACA;EACA;AAChB;AAEQ;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AAAZ;AAEY;EACI;EACA;EACA;AAAhB;AAIQ;EACI;EACA;AAFZ;AAIQ;EACI;EACA;EACA;AAFZ;AAKI;EACI;EACA;EACA;AAHR;AAKQ;EACI;EACA;EACA;AAHZ;AAKY;EACI;AAHhB;AAMQ;EACI;EACA;EACA;EACA,cACA;EACA;AAJZ;AAMY,2GACI;EACA;AAJhB;AAOQ;EACI;EACA,4CACA;EACA;AALZ;;AAUA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAPJ;;AASA;EACI;EACA;EACA;EACA;EACA;EACA;AANJ;AAQI;EACI;AANR;AAQQ;EACI;EACA;EACA;EACA;EACA;EACA;AANZ;AAQY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AANhB;AAQgB;EACI;EACA;AANpB;AASgB;EACI;EACA;EACA;EACA;AAPpB;AASoB;EACI;AAPxB;AAWgB;EACI;EACA;EACA;AATpB;AAWgB;EACI;EACA;AATpB;AAYY;EACI;AAVhB;AAcI;EACI;EACA;EACA;EACA;AAZR;AAcQ;EACI;EACA;EACA;AAZZ;AAcY;EACI;EACA;EACA;;uBAAA;EAgBA;;;;;IAAA;AApBhB;AAQgB;EACG;EACC;AANpB;AAOoB;EACI;EACA;EACA;AALxB;AAOoB;EACI;AALxB;AAgBQ;EACI;EACA;EACA;EACA;EACA;AAdZ;AAgBY;EACI;AAdhB;AAgBgB;EACI;EACA;EACA;AAdpB;AAkBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBZ;AAkBY;EACI;AAhBhB;AAiBgB;EACI;EACA;EACA;AAfpB;AAmBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBZ;AAmBY;EACI;AAjBhB;AAkBgB;EACI;EACA;EACA;AAhBpB;AAoBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBZ;AAoBY;EACI;EACA;EACA;AAlBhB;AAoBgB;EACI;AAlBpB;AAqBY;EACI;IACI;EAnBlB;AACF;AAqBY;EACI;EACA;EACA,cACA;EACA;AAnBhB;AAqBgB,0JACI;EACA;AAnBpB;AAsBY;EACI;EACA,4CACA;EACA;AApBhB,C","sources":["webpack://toms-image-slider/./src/frontend.scss"],"sourcesContent":[".toms-image-slider-preview{\n    /* Slider Preview */\n    .toms-image-slider-image{\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        overflow: hidden;\n\n        .toms-image-slider-gellery-image{\n            display: inline-block;\n            width: 100%;\n            height: auto;\n           \n            &:hover{\n                cursor: pointer;\n            }\n        }\n        .left-arrow{\n            display: flex;\n            justify-content: flex-start;\n            color: #000;\n            z-index: 10;\n            user-select: none;\n            margin-right: -50px;\n            width: 32px;\n            height: 32px;\n            transition: transform 1s ease-out;\n            fill:rgba(0, 0, 0, 0.3);\n\n            svg:hover {\n                fill:rgba(0, 0, 0, 0.7);\n                transition-duration: 1s;\n                cursor: pointer;\n            }\n        }\n        .right-arrow{\n            display: flex;\n            justify-content: flex-end;\n            color: #000;\n            z-index: 10;\n            user-select: none;\n            width: 32px;\n            height: 32px;\n            margin-left: -50px;\n            transition: transform 1s ease-out;\n            fill:rgba(0, 0, 0, 0.3);\n\n            svg:hover {\n                fill:rgba(0, 0, 0, 0.7);\n                transition-duration: 1s;\n                cursor: pointer;\n            }\n        }\n        \n        .toms-image-slider-slide{\n            opacity: 0;\n            transition: transform 1s ease-out;\n        }\n        .toms-image-slider-slide-active{\n            opacity: 1;\n            transition-duration: 1s;\n            transform: scale(1.08);\n        }\n    }\n    .toms-image-slider-thumnbail{\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        \n        .toms-image-slider-thumnbail-image{\n            width: 25%;\n            height: auto;\n            padding: 1px;\n\n            &:hover{\n                cursor: pointer;\n            }\n        }\n        .toms-image-slider-gellery-thumnbail-image {\n            display: block;\n            width: 100%;\n            height: auto;\n            opacity: 0.7;\n            -webkit-filter: blur(0.5px); /* Safari 6.0 - 9.0 */\n            filter: blur(0.5px);\n\n            &:hover{\n                -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */\n                filter: blur(0px);\n            }\n        }\n        .toms-image-slider-gellery-thumnbail-image-active {\n            opacity: 1;\n            border: 1px rgb(158, 158, 158, 0.4) solid;\n            -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */\n            filter: blur(0px);\n        }\n        \n    }\n}\n.toms-image-slider-modal-overlay{\n    background-color: rgba(0,0,0,0.7);    \n    width: 100vw;\n    height: 100vh;\n    z-index: 100000;\n    position: fixed;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n}\n.toms-image-slider-modal-block{\n    width: 100%;\n    height: 100%;\n    background-repeat: no-repeat;\n    background-color: transparent;\n    background-position: center center;\n    background-size: contain;\n\n    .components-modal__content{\n        padding: 0;\n\n        .components-modal__header{\n            display: flex;\n            justify-content: flex-end;\n            margin: 0;\n            padding: 10px 20px 0 0;\n            background: transparent;\n            border: none;\n            \n            button{\n                width: 48px;\n                height: 48px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                padding: 0;\n                border-radius: 50%;\n                background-color: rgb(255,0,0, 0.4);\n\n                span{\n                    display: none;\n                    opacity: 0;\n                }\n\n                svg{\n                    width: 48px;\n                    height: 48px;\n                    fill: rgb(255, 255, 255, 0.8);\n                    transition: transform 0.3s ease-out;\n\n                    &:hover{\n                        transform: rotate(90deg);\n                    }\n                }\n\n                &:hover{\n                    transition-duration: 1s;\n                    background-color: rgba(255, 0, 0, 0.7);\n                    transform: scale(1.1);\n                }\n                &:focus{\n                    outline: none;\n                    box-shadow: none;\n                }\n            }\n            .components-modal__header-heading-container{\n                justify-content: center;\n            }\n        }\n    }\n    .toms-image-slider-modal-block{\n        display: flex;\n        flex: 1;\n        box-sizing: inherit;\n        flex-wrap: wrap;\n\n        .toms-image-slider-modal-main{\n            display: flex;\n            flex: 1;\n            justify-content: center;\n\n            .toms-image-slider-modal{\n                /*display: flex;*/\n                flex: 1;\n                /*justify-content: center;\n                flex-direction: column;\n                align-items: center;*/\n\n                .toms-image-slider-modal{\n                   /* display: flex;*/\n                    flex: 1;\n                    .toms-image-slider-modal-image{\n                        display: block;\n                        width: 100%;\n                        height: auto;\n                    }  \n                    &:hover{\n                        cursor: pointer;\n                    }\n                }\n                /*\n                @media only screen and (max-width: 600px) {\n                    .toms-image-slider-modal {\n                        width: 100%;\n                    }\n                }*/\n            }\n        }\n        .toms-image-slider-modal-show-thumnbail-icon{\n            position: absolute;\n            top: 8px;\n            right: 100px;\n            z-index: 100001;\n            fill:rgba(7, 241, 41, 0.8);\n\n            svg{\n                fill:rgba(7, 241, 41, 0.8);\n\n                &:hover{\n                    fill:rgba(0, 150, 37, 0.7);\n                    transition-duration: 1s;\n                    cursor: pointer;\n                }\n            }\n        }\n        .modal-left-arrow{\n            flex: 1;\n            top: 47%;\n            position: absolute;\n            left: 10px;\n            padding: 0 0 0 10px;\n            fill:rgba(0, 255, 37, 0.3);\n            width: 64px;\n            height: 64px;\n\n            svg {\n                fill:rgba(0, 255, 37, 0.3);\n                &:hover {\n                    fill:rgba(0, 255, 37, 0.7);\n                    transition-duration: 1s;\n                    cursor: pointer;\n                }\n            }\n        }\n        .modal-right-arrow{\n            flex: 1;\n            top: 47%;\n            right: 10px;\n            position: absolute;\n            padding: 0 10px 0 0;\n            fill:rgba(0, 255, 37, 0.3);\n            width: 64px;\n            height: 64px;\n\n            svg {\n                fill:rgba(0, 255, 37, 0.3);\n                &:hover {\n                    fill:rgba(0, 255, 37, 0.7);\n                    transition-duration: 1s;\n                    cursor: pointer;\n                }\n            }\n        }\n        .toms-image-slider-modal-thumnbail{\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            flex: 1;\n            justify-content:center;\n            width: 100%;\n            position: fixed;\n            bottom: 0;\n            \n            .toms-image-slider-modal-thumnbail-image{\n                width: 12%;\n                height: auto;\n                padding: 1px;\n    \n                &:hover{\n                    cursor: pointer;\n                }\n            }\n            @media only screen and (max-width: 800px) {\n                .toms-image-slider-modal-thumnbail-image{\n                    width: 25%;\n                }\n            }\n            .toms-image-slider-gellery-modal-thumnbail-image {\n                width: 100%;\n                height: auto;\n                opacity: 0.7;\n                -webkit-filter: blur(0.5px); /* Safari 6.0 - 9.0 */\n                filter: blur(0.5px);\n\n                &:hover{\n                    -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */\n                    filter: blur(0px);\n                }\n            }\n            .toms-image-slider-gellery-modal-thumnbail-image-active {\n                opacity: 1;\n                border: 1px rgb(158, 158, 158, 0.4) solid;\n                -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */\n                filter: blur(0px);\n            }\n                \n        }\n    }\n}"],"names":[],"sourceRoot":""}