{"version":3,"file":"index.css","mappings":";;;;;;;AAAA;EACI;EACA;AACJ,C;;;;ACHA;EACI;EACA;EAEA;AAAJ;AACI;EACI;EACA;AACR;AACQ;EACI;AACZ;AACQ;EACI;EACA;EACA;EACA;EACA;EACA;AACZ;AACY;EACI;EACA;AAChB;AACY;EACI;EACA;AAChB;AAII;EACI;EACA;EACA;AAFR;;AAMA;EACI;EACA;EAEA;AAJJ;AAKI;EACI;EACA;EACA;EACA;AAHR;AAKQ;EACI;EACA;EACA;AAHZ;AAKY;EACI;AAHhB;AAMQ;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AAJZ;AAMY;EACI;EACA;EACA;AAJhB;AAOQ;EACI;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;EACA;EACA;EACA;AALZ;AAOY;EACI;EACA;EACA;AALhB;AASQ;EACI;EACA;AAPZ;AASQ;EACI;EACA;EACA;AAPZ;AAUI;EACI;EACA;EACA;AARR;AAUQ;EACI;EACA;EACA;AARZ;AAUY;EACI;AARhB;AAWQ;EACI;EACA;EACA;EACA,cACA;EACA;AATZ;AAWY,2GACI;EACA;AAThB;AAYQ;EACI;EACA,4CACA;EACA;AAVZ;;AAeA;EACI;AAZJ;;AAcA;EACI;EACA;EACA;EACA;EACA;EACA;AAXJ;AAaI;EACI;AAXR;AAaQ;EACI;EACA;EACA;AAXZ;AAaY;EACI;EACA;EACA;EACA;EACA;EACA;AAXhB;AAagB;EACI;EACA;EACA;AAXpB;AAYoB;EACI;AAVxB;AAcgB;EACI;EACA;EACA;AAZpB;AAcgB;EACI;EACA;AAZpB;AAeY;EACI;AAbhB;AAiBI;EACI;EACA;EACA;EACA;AAfR;AAiBQ;EACI;EACA;EACA;AAfZ;AAiBY;EACI;EACA;EACA;;uBAAA;EAgBA;;;;;IAAA;AAvBhB;AAWgB;EACG;EACC;AATpB;AAUoB;EACI;EACA;EACA;AARxB;AAUoB;EACI;AARxB;AAmBQ;EACI;EACA;EACA;EACA;EACA;AAjBZ;AAoBgB;EACI;EACA;EACA;AAlBpB;AAsBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApBZ;AAsBY;EACI;EACA;EACA;AApBhB;AAuBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArBZ;AAuBY;EACI;EACA;EACA;AArBhB;AAwBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBZ;AAwBY;EACI;EACA;EACA;AAtBhB;AAwBgB;EACI;AAtBpB;AAyBY;EACI;IACI;EAvBlB;AACF;AAyBY;EACI;EACA;EACA,cACA;EACA;AAvBhB;AAyBgB,0JACI;EACA;AAvBpB;AA0BY;EACI;EACA,4CACA;EACA;AAxBhB,C","sources":["webpack://toms-image-slider/./src/assets/edit.scss","webpack://toms-image-slider/./src/assets/slider.scss"],"sourcesContent":[".toms-image-slider{\n    display: flex;\n    flex-wrap: wrap;\n}",".toms-image-slider-settings{\n    width: 100%;\n    height: auto;\n\n    /* Slier Settings */\n    .toms-image-slider-image-url{\n        display: flex;\n        margin: 0 5px 5px 5px;\n        \n        .toms-image-slider-image-urls{\n            flex: 1;\n        }\n        .toms-image-slider-delete{\n            color: #c50f0f;\n            position: relative;\n            top: 7px;\n            margin: 0px 10px;\n            padding: 0;\n            transition: transform 0.3s ease-out;\n    \n            &:hover {\n                color: #ff0000;\n                transform: scale(1.25) rotate(12deg);\n            }\n            &:focus{\n                outline: none;\n                box-shadow: none;\n            }\n        }\n    }\n\n    .toms-image-slider-button{\n        display: flex;\n        justify-content: flex-end;\n        margin: 0 5px 5px 5px;\n    }\n}\n\n.toms-image-slider-preview{\n    width: 100%;\n    height: auto;\n\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}\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            margin: 0;\n            background: transparent;\n            border: none;\n            \n            button{\n                width: 48px;\n                height: 48px;\n                padding: 0;\n                border-radius: 50%;\n                background-color: rgb(255,0,0, 0.4);\n                transition: transform 0.3s ease-out;\n\n                svg{\n                    width: 48px;\n                    height: 48px;\n                    fill: rgb(255, 255, 255, 0.8);\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                &: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 10px;\n            fill:rgba(0, 255, 37, 0.3);\n            width: 64px;\n            height: 64px;\n\n            svg:hover {\n                fill:rgba(0, 255, 37, 0.7);\n                transition-duration: 1s;\n                cursor: pointer;\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:hover {\n                fill:rgba(0, 255, 37, 0.7);\n                transition-duration: 1s;\n                cursor: pointer;\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":""}