{"version":3,"file":"./style-backend.css","mappings":";;;AAAA;;;;;EAAA;AAcA;EACI;AAPJ;AASI;EACI;AAPR;AAUI;EACI;AARR;;AAcI;EACI,oEAlBS;EAmBT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAXR;AAaQ;EACI,oEA7BW;AAkBvB;AAcQ;EACI;AAZZ;;AAkBI;EACI;AAfR;;AAmBA;EACI;IACI;EAhBN;EAmBE;IACI;EAjBN;AACF;AAoBA;EACI;IACI;EAlBN;EAqBE;IACI;EAnBN;AACF;AAsBA;EACI;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;AAtBJ;AAwBI;EACI;EACA;EACA;EACA;EACA;EACA;AAtBR;AAuBQ;EACI;EACA;EACA;AArBZ;AAuBY;EACI;EACA;EACA;EACA;AArBhB;AAuBgB;EACI;AArBpB;AAyBQ;EACI;EACA;EACA;EACA;AAvBZ;AAwBY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBhB;AAwBgB;EACI,cA/HJ;EAgII,yBA9HF;EA+HE;AAtBpB;AAuBoB;EACI,yBAhIA;EAiIA;AArBxB;AAyBwB;EACI;AAvB5B;AA2BoB;EACI;EACA;AAzBxB;AA6BgB;EACI;EACA,oEAjJH;EAkJG;AA3BpB;AA6BoB;EACI,oEApJD;AAyHvB;AAgCgB;EACI;EACA;AA9BpB;AAkCY;EACI;EACA;EACA;EACA;AAhChB;AAiCgB;EACI;EACA;AA/BpB;AAiCgB;EACI;AA/BpB;AAqCI;EACI;AAnCR;AAqCQ;EACI;EACA;EACA;EACA;EACA;EACA;AAnCZ;AAqCY;EACI;EACA;EACA;EACA;EACA;EACA;AAnChB;AAsCY;EACI;EACA;AApChB;AAsCgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApCpB;AAsCoB;EACI;EACA;AApCxB;AAuCoB;EACI,yBA3NN;AAsLlB;AAuCwB;EACI,cAhOZ;AA2LhB;AAyCoB;EACI,yBAnON;AA4LlB;AAyCwB;EACI;EACA,cAzOZ;AAkMhB;AA6CY;EACI;AA3ChB;AA+CY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA7ChB;AA+CgB;EACI;AA7CpB;AAgDgB;EACI;EACA;AA9CpB;AAgDoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA9CxB;AAoDQ;EACI;EACA;AAlDZ;AAqDY;EACI;EACA;EACA;EACA;AAnDhB;AAqDgB;EACI;EACA;EACA;AAnDpB;AAsDgB;EACI;EACA;EACA;EACA;AApDpB;AAsDoB;EACI;EACA;EACA;EACA;EACA;EACA;AApDxB;AAsDwB;EACI;EACA;EACA;EACA;EACA;AApD5B;AAsD4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApDhC;AAsDgC;EACI;EACA;EACA;AApDpC;AAyD4B;EACI;AAvDhC;AA4DoC;EACI;EACA;EACA;EACA;EACA,mBArVxB;EAsVwB;EACA;EACA;EACA;AA1DxC;AA6DoC;EACI,cA7VxB;AAkShB;AA6DwC;EACI;AA3D5C;AAkEgC;EACI;AAhEpC;AAuEoB;EACI;EACA;EACA;EACA;AArExB;AAwEoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAtExB;AAwEwB;EACI;EACA;EACA;EACA;EACA;AAtE5B;AAyEwB;EACI;EACA;EACA;EACA;EACA;AAvE5B;AAyE4B;EACI;EACA;AAvEhC;AA0E4B;EACI;EACA;EACA;AAxEhC;AAqE4B;EACI;EACA;EACA;AAxEhC;AAkFgB;EACI;EACA;EACA;EACA;AAhFpB;AAkFoB;EACI;EACA;EACA;EACA;EACA;AAhFxB;AAkFwB;EACI;AAhF5B;AAqF4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnFhC;AAwFwB;EACI;EACA;EACA;EACA;AAtF5B;AAuF4B;EACI;EACA;AArFhC;AAyFgC;EACI;AAvFpC;AA8F4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA5FhC;AA+F4B;EACI;AA7FhC;AAgG4B;EACI;EACA;AA9FhC;AAkGwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhG5B;AAkG4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhGhC;AAkGgC;EACI,oEArgBnB;EAsgBmB;AAhGpC;AAkGoC;EACI,oEAxgBjB;AAwavB;AAqGgC;EACI,yBAjhBlB;EAkhBkB,cAphBpB;EAqhBoB;AAnGpC;AAqGoC;EACI,yBArhBhB;AAkbxB;AAuGgC;EACI;EACA;AArGpC;AA+GoC;EACI;AA7GxC;AAoH4B;EACI;AAlHhC;AAqH4B;EACI;AAnHhC;AAyHgB;EACI;AAvHpB;AA4HoB;EACI;AA1HxB;AA6HoB;EACI;EACA;EACA;EACA;EACA;AA3HxB;AA6HwB;EACI;EACA;EACA;EACA;EACA;EACA;AA3H5B;AAkIY;EACI;EACA;EACA;EACA;AAhIhB;AAiIgB;EACI;EACA;EACA,cAjmBJ;EAkmBI;EACA;EACA;EACA;EACA;AA/HpB;AAgIoB;EACI;AA9HxB;AAoIY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlIhB;AAoIgB;EACI;AAlIpB;AAoIgB;EACI;EACA;EACA;EACA;AAlIpB;AAmIoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAjIxB;AAkIwB;EACI;EACA;EACA;AAhI5B;AAiI4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/HhC;AAgIgC;EACI;EACA;AA9HpC;AAgIgC;EACI;AA9HpC;AAiI4B;EACI;AA/HhC;AAiIgC;EACI;AA/HpC;AAkIgC;EACI;AAhIpC;AAqIoB;EACI;EACA;EACA;EACA;EACA;EACA;AAnIxB;AAoIwB;EACI;AAlI5B,C","sources":["webpack://optemiz-base-plugin/./src/admin/style.scss"],"sourcesContent":["/*\n * Optemiz Base\n *\n * Author: Optemiz ( optemizceo@gmail.com )\n * Released under the GPLv3 license.\n */\n\n$primary-color: #F13F05;\n$primary-hover-color: #ed5522;\n$secondary-color: #FFF7F5;\n$secondary-hover-color: #F1DAD4;\n$gradient-color: linear-gradient(180deg, #F1693C -9.44%, #F13F05 102.33%);\n$gradient-hover-color: linear-gradient(180deg, #ed5522 -9.44%, #F13F05 102.33%);\n\n.pat-disable-scroll {\n    overflow: hidden !important;\n\n    .interface-interface-skeleton__body {\n        display: none;\n    }\n\n    #adminmenumain, #wpadminbar {\n        display: none;\n    }\n\n}\n\n.pat-library-button-wrapper{\n    .pat-library-button {\n        background: $gradient-color;\n        color: #fff;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        min-width: 130px;\n        line-height: 1;\n        border-radius: 4px;\n        font-weight: 600;\n        margin-right: 10px;\n\n        &:hover {\n            background: $gradient-hover-color;\n        }\n\n        img {\n            width: 100px;\n        }\n    }\n}\n\n.pat-disable-scroll {\n    .interface-interface-skeleton__sidebar, .interface-interface-skeleton__footer {\n        display: none;\n    }\n}\n\n@keyframes skeleton-loading {\n    0% {\n        background-color: #cccccc;\n    }\n\n    100% {\n        background-color: #e3e3e3;\n    }\n}\n\n@keyframes syncing {\n    0% {\n        transform: rotate(0deg);\n    }\n\n    100% {\n        transform: rotate(360deg);\n    }\n}\n\n.pat-wrapper {\n    background-color: #FAFDFF;\n    display: flex;\n    flex-direction: column;\n    font-family: 'Inter', sans-serif;\n    // opacity: 0;\n    // visibility: hidden;\n    position: fixed;\n    height: 100%;\n    width: 100%;\n    bottom: 0;\n    left: 0;\n    z-index: 99999999;\n    user-select: none;\n    overflow: auto;\n\n    .pat-header{\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 14px 24px;\n        background-color: #fff;\n        box-shadow: 0px 0px 10px 0px rgba(0, 81, 137, 0.15);\n        .pat-logo{\n            display: flex;\n            align-items: center;\n            justify-content: center;\n\n            a {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                width: 160px;\n\n                img {\n                    width: 100%;\n                }\n            }\n        }\n        .pat-header-wrapper{\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            .pat-header-btn{\n                font-size: 14px;\n                font-weight: 600;\n                padding: 8px 12px;\n                border-radius: 4px;\n                text-decoration: none;\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                margin-right: 18px;\n                transition: .2s ease-in-out;\n                cursor: pointer;\n                \n                &.pat-sync-btn{\n                    color: $primary-color;\n                    background-color: $secondary-color;\n                    border: 1px solid $primary-color;\n                    &:hover{\n                        background-color: $secondary-hover-color;\n                        box-shadow: 0px 0px 10px 0px rgba(0, 81, 137, 0.15);\n                    }\n\n                    &.pat-sync-btn-active {\n                        img {\n                            animation: syncing 1s linear infinite forwards;\n                        }\n                    }\n\n                    img {\n                        transition: 0.3s ease;\n                        transform: rotate(0);\n                    }\n                    \n                }\n                &.pat-pro-btn{\n                    border: 1px solid $primary-color;\n                    background: $gradient-color;\n                    color: #fff;\n\n                    &:hover{\n                        background: $gradient-hover-color;\n                        // box-shadow: 0px 0px 10px 0px rgba(0, 81, 137, 0.15);\n                        \n                    }\n                }\n                img{\n                    width: 18px;\n                    margin-right: 8px;\n                }\n                \n            }\n            .pat-header-icon{\n                border: none;\n                margin-right: 18px;\n                transition: .2s ease-in-out;\n                position: relative;\n                img{\n                    margin-right: 0px;\n                    width: 18px;\n                }\n                &:last-child{\n                    margin-right: 0px;\n                }\n            } \n        }\n    }\n\n    .pat-body{\n        display: flex;\n\n        .pat-sidebar{\n            width: 250px;\n            min-height: 95vh;\n            padding: 24px 24px;\n            background-color: #fff;\n            border-right: 1px solid #E4E5E5;\n            margin-top: 4px;\n\n            .pat-sidebar-menu-header{\n                font-size: 16px;\n                font-style: normal;\n                font-weight: 600;\n                line-height: 28px; \n                color:#1A1A1A;\n                margin-bottom: 24px;\n            }\n\n            .pat-sidebar-ul{\n                display: flex;\n                flex-direction: column;\n\n                .pat-sidebar-li{\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                    list-style-type: none;\n                    padding: 8px;\n                    border-radius: 4px;\n                    margin-bottom: 8px;\n                    transition: .2s ease-in-out;\n                    cursor: pointer;\n\n                    .text{\n                        font-size: 14px;\n                        color: #717D86;\n                    }\n\n                    &:hover{\n                        background-color: $secondary-color;\n\n                        .text{\n                            color: $primary-color;\n                        }\n                    }\n\n                    &.pat-sidebar-active{\n                        background-color: $secondary-color;\n\n                        .text{\n                            font-weight: 600;\n                            color: $primary-color;\n                        }\n                    }\n                }\n            }\n\n            .pat-skeleton-sidebar-ul {\n                display: none;\n            }\n\n            // sidebar skeleton\n            &.pat-skeleton-sidebar-active{\n                width: 250px;\n                background-color: #fff;\n                border-right: 1px solid #E4E5E5;\n                padding: 24px;\n                display: flex;\n                flex-direction: column;\n                flex-wrap: wrap;\n\n                .pat-sidebar-ul {\n                    display: none;\n                }\n\n                .pat-skeleton-sidebar-ul {\n                    display: flex;\n                    flex-direction: column;\n\n                    .pat-skeleton-saidbar-li{\n                        height: 22px;\n                        width: 100%;\n                        background-color: #353434;\n                        border-radius: 4px;\n                        margin-bottom: 8px;\n                        list-style-type: none;\n                        animation: skeleton-loading 1s linear infinite alternate; \n                    }\n                }\n            }\n        }\n\n        .pat-main{\n            padding: 24px;\n            width: calc(100% - 250px);\n\n            // pat-main-heading-Start\n            .pat-main-heading-wrapper{\n                display: flex; \n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n\n                .pat-main-header{\n                    font-size: 24px;\n                    font-weight: 600;\n                    color: #1A1A1A;\n                }\n\n                .pat-main-menu{\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    flex-wrap: wrap;\n\n                    .pat-main-ul{\n                        display: flex;\n                        align-items: center;\n                        background-color: #fff;\n                        border-radius: 4px;\n                        box-shadow: 0px 0px 10px 0px rgba(0, 81, 137, 0.15);\n                        margin-right: 24px;\n                        \n                        .pat-main-li{\n                            list-style-type: none;\n                            border-right: 1px solid #E4E5E5;\n                            transition: .2s ease-in-out;\n                            position: relative;\n                            margin: 0;\n\n                            .pat-main-li-anchor{\n                                padding: 10px 15px;\n                                font-size: 14px;\n                                color: #717D86;\n                                text-decoration: none;\n                                display: flex;\n                                align-items: center;\n                                transition: ease-in-out;\n                                cursor: pointer;\n\n                                svg{\n                                    height: 18px;\n                                    width: 18px;\n                                    margin-right: 8px;\n                                }\n                                \n                            }\n\n                            &:nth-child(4){\n                                border-right: 0px;\n                            }\n\n                            &.pat-main-li-active, &:hover{\n\n                                    &:after{\n                                        content: '';\n                                        display: block;\n                                        height: 1px;\n                                        width: 100%;\n                                        background: $primary-color;\n                                        position: absolute;\n                                        bottom: 0;\n                                        left: 0;\n                                        z-index: 1;\n                                    }\n\n                                    .pat-main-li-anchor{\n                                        color: $primary-color;\n\n                                        svg path{\n                                            fill: $primary-color !important;\n                                        }\n                                    }\n                            }\n\n                            &.pat-main-li-active{\n\n                                .pat-main-li-anchor{\n                                    font-weight: 600;\n                                }\n                            }\n                        }\n                        \n                    }\n\n                    form {\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        flex-wrap: wrap;\n                    }\n\n                    label {\n                        background: #fff;\n                        box-shadow: 0px 0px 10px 0px rgba(0, 81, 137, 0.15);\n                        border-radius: 4px;\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        position: relative;\n\n                        img {\n                            position: absolute;\n                            top: 50%;\n                            left: 10px;\n                            transform: translateY(-50%);\n                            z-index: 999;\n                        }\n\n                        .pat-search-box{\n                            border: none;\n                            position: relative;\n                            padding: 10px 40px;\n                            padding-right: 10px;\n                            line-height: 1;\n\n                            &:focus {\n                                outline: none;\n                                box-shadow: 0 0 0 1px $primary-color;\n                            }\n                            \n                            &::placeholder{\n                                font-size: 14px;\n                                color: #717D86;\n                                margin-left: 12px;\n                            }\n                        }\n                    }\n                    \n                }\n            }\n\n            .pat-grid-items-entry-content{\n                // pat-grid-items-background-Start\n                .pat-grid-items-background{\n                    margin-top: 24px;\n                    display: flex;\n                    flex-wrap: wrap;\n                    position: relative;\n\n                    .pat-item-background{\n                        padding: 8px;\n                        border: 1px solid #E4E5E5;\n                        border-radius: 8px;\n                        position: relative;\n                        cursor: pointer;\n\n                        img{\n                            width: 100%;\n                        }\n\n                        &.pro-badge{\n\n                            &:before{\n                                content: '';\n                                display: block;\n                                height: 60px;\n                                width: 60px;\n                                background: url(assets/images/pro-badge.png) no-repeat;\n                                background-size: cover;\n                                position: absolute;\n                                top: 0;\n                                left: 0;\n                                z-index: 8;\n                                \n                            }\n                        }\n\n                        .pat-favourite-icon{\n                            display: none;\n                            position: absolute;\n                            top: 16px;\n                            right: 16px;\n                            img{\n                                height: 24px;\n                                width: 24px;\n                            }\n\n                            &:hover {\n                                svg path{\n                                    fill: #FCF089;\n                                }\n                            }\n                        }\n\n                        &:hover{\n\n                            &:after{\n                                content: '';\n                                display: block;\n                                height: 100%;\n                                width: 100%;\n                                background: rgba(26, 26, 26, 0.50);\n                                position: absolute;\n                                top: 0;\n                                left: 0;\n                                z-index: 1;\n                                border-radius: 4px;\n                            }\n\n                            .pat-hover-buttons{\n                                opacity: 1;\n                            }\n\n                            .pat-favourite-icon{\n                                display: block;\n                                z-index: 10;\n                            }\n                        }\n\n                        .pat-hover-buttons{\n                            width: 100%;\n                            transform: 0.5s ease;\n                            opacity: 0;\n                            position: absolute;\n                            top: 80%;\n                            left: 50%;\n                            transform: translate(-50%, -50%);\n                            text-align: center;\n                            z-index: 10;\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n\n                            .pat-hover-btn{\n                                padding: 12px 20px;\n                                text-decoration: none;\n                                border-radius: 4px;\n                                font-size: 14px;\n                                font-weight: 600;\n                                text-align: center;\n                                display: flex;\n                                justify-content: center;\n                                align-items: center;\n                                margin: 0 5px;\n                                transition: .2s ease-in-out;\n                                cursor: pointer;\n\n                                &.pat-hover-import-button{\n                                    background: $gradient-color;\n                                    color: #fff;\n\n                                    &:hover{\n                                        background: $gradient-hover-color;\n                                    }\n\n                                }\n\n                                &.pat-hover-preview-button{\n                                    background-color: $secondary-color;\n                                    color: $primary-color;\n                                    border: 1px solid $primary-color;\n\n                                    &:hover{\n                                        background-color: $secondary-hover-color;\n                                    }\n                                }\n\n                                img{\n                                    width: 18px;\n                                    margin-right: 10px;\n                                }\n                            }\n                        }\n\n                        \n\n                        &.pat-fav-pattern {\n                            .pat-favourite-icon{\n                                svg {\n                                    path {\n                                        fill: #FCF089;\n                                    }\n                                }\n                            }\n                        }\n\n                        &.pat-item-disable {\n                            .pat-favourite-icon {\n                                display: none;\n                            }\n\n                            .pat-hover-buttons {\n                                display: none;\n                            }\n                        }\n                    }\n                }\n\n                .pat-skeleton-grid-items-background {\n                    display: none;\n                }\n\n                // pat items skeleton.\n                &.pat-skeleton-grid-items-active {\n                    .pat-grid-items-background {\n                        display: none;\n                    }\n\n                    .pat-skeleton-grid-items-background{\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-between;\n                        flex-wrap: wrap;\n                        margin-top: 24px;\n\n                        .pat-skeletion-grid-item{\n                            width: calc(33.33% - 10px);\n                            height: 250px;\n                            background-color: #353434;\n                            border-radius: 6px;\n                            margin-bottom: 15px;\n                            animation: skeleton-loading 1s linear infinite alternate;\n                        }\n                    }\n                }\n            }\n\n            // pat-load-more-btn-wrapper-Start\n            .pat-load-more-btn-wrapper{\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                margin-top: 24px;\n                .pat-load-more-btn{\n                    font-size: 16px;\n                    font-weight: 600;\n                    color: $primary-color;\n                    line-height: 1;\n                    text-decoration: none;\n                    transition: .2s ease-in-out;\n                    cursor: pointer;\n                    border-bottom: 1px solid $primary-color;\n                    &:hover{\n                        color: #ed461d;\n                    }\n                }\n            }\n\n            // Popup styles\n            .pat-popup-wrapper{\n                position: fixed;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                display: none;\n                transition: .5s ease-in-out;\n                z-index: 999;\n                padding: 30px;\n                background: rgb(0,0,0,.8);\n                overflow-y: auto;\n\n                &.pat-popup-active{\n                    display: block;\n                }\n                .pat-popup-inner{\n                    display: flex;\n                    flex-direction: column;\n                    flex-wrap: wrap;\n                    border-radius: 8px;\n                    .pat-popup-heading{\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-between;\n                        flex-wrap: wrap;\n                        background-color: #fff;\n                        box-shadow: 0px 0px 10px 0px rgba(0, 81, 137, 0.15);\n                        padding: 14px 24px;\n                        .pat-popup-heading-btn-wrapper{\n                            display: flex;\n                            align-items: center;\n                            flex-wrap: wrap;\n                            .pat-popup-import-btn{\n                                padding: 8px 12px;\n                                background-color: #005189;\n                                border-radius: 4px;\n                                color: #fff;\n                                text-decoration: none;\n                                display: flex;\n                                align-items: center;\n                                margin-right: 18px;\n                                transition: .2s ease-in-out;\n                                font-size: 14px;\n                                font-weight: 600;\n                                img{\n                                    margin-right: 8px;\n                                    width: 18px;\n                                }\n                                &:hover{\n                                    background-color: #1d83ed;\n                                }\n                            }\n                            .pat-popup-header-icon{\n                                margin-right: 18px;\n\n                                img{\n                                    width: 18px;\n                                }\n\n                                &:last-child{\n                                    margin-right: 0;\n                                }\n                            }\n                        }\n                    }\n                    .pat-popup-item-wrapper{\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        margin-top: 10px;\n                        border-radius: 4px;\n                        box-shadow: 0px 0px 10px 0px rgba(0, 81, 137, 0.15);\n                        img{\n                            width: 100%;\n                            \n                        }\n                    }\n                }\n            }\n        }\n    }\n}"],"names":[],"sourceRoot":""}