{"version":3,"file":"./style-backend.css","mappings":";;;AAAA;;;;;EAAA;AAcA;EACI;AAPJ;AASI;EACI;AAPR;AAUI;EACI;AARR;;AAaA;EACI;AAVJ;AAYI;EACI;EACA,oEArBS;EAsBT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAVR;AAYQ;EACI;EACA;AAVZ;AAaQ;EACI,oEAvCW;AA4BvB;AAeI;EACI;AAbR;AAeQ;EACI;AAbZ;;AAmBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAhBR;AAkBQ;EACI;EACA;EACA;EACA;EACA;AAhBZ;AAoBI;EACI;EACA;EACA;EACA;EACA;EACA;AAlBR;AAoBQ;EACI;EACA;AAlBZ;AAqBQ;EACI;EACA;EACA;AAnBZ;AAgBQ;EACI;EACA;EACA;AAnBZ;;AAyBI;EACI,oEA/FS;EAgGT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtBR;AAwBQ;EACI,oEA1GW;AAoFvB;AAyBQ;EACI;AAvBZ;;AA6BI;EACI;AA1BR;;AA8BA;EACI;IACI;EA3BN;EA8BE;IACI;EA5BN;AACF;AA+BA;EACI;IACI;EA7BN;EAgCE;IACI;EA9BN;AACF;AAiCA;EACI;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;EACA;EACA;AAjCJ;AAmCI;EACI;EACA;EACA;EACA;EACA;EACA;AAjCR;AAkCQ;EACI;EACA;EACA;AAhCZ;AAkCY;EACI;EACA;EACA;EACA;AAhChB;AAkCgB;EACI;AAhCpB;AAoCQ;EACI;EACA;EACA;EACA;AAlCZ;AAmCY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjChB;AAmCgB;EACI,cA7MJ;EA8MI,yBA5MF;EA6ME;AAjCpB;AAkCoB;EACI,yBA9MA;EA+MA;AAhCxB;AAoCwB;EACI;AAlC5B;AAsCoB;EACI;EACA;AApCxB;AAwCgB;EACI;EACA,oEA/NH;EAgOG;AAtCpB;AAwCoB;EACI,oEAlOD;AA4LvB;AA2CgB;EACI;EACA;AAzCpB;AA6CY;EACI;EACA;EACA;EACA;AA3ChB;AA4CgB;EACI;EACA;AA1CpB;AA4CgB;EACI;AA1CpB;AAgDI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA9CR;AAgDQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;AA9CZ;AAgDY;EACI;EACA;EACA;EACA;EACA;EACA;AA9ChB;AAgDgB;EACI;AA9CpB;AAiDgB;EACI;EACA;EACA;EACA;AA/CpB;AAkDgB;EACI;AAhDpB;AAmDgB;EACI;EACA;EACA;EACA;AAjDpB;AAmDoB;EACI;EACA;AAjDxB;AAmDwB;EACI;EACA;AAjD5B;AAoDwB;EACI;EACA;AAlD5B;AAsD4B;EACI,cApUhB;AAgRhB;AA0DgB;EACI;EACA;EACA;AAxDpB;AA2DwB;EACI;AAzD5B;AA0D4B;EACI;EACA;AAxDhC;AAgEQ;EACI;EACA;EACA;AA9DZ;AAgEY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA9DhB;AAgEgB;EACI;EACA;EACA;AA9DpB;AAgEoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA9DxB;AAiEoB;EACI,yBAxXN;EAyXM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA/DxB;AAiEwB;EACI;AA/D5B;AAkEwB;EACI;EACA,cA5YZ;AA4UhB;AAoEoB;EACI;EACA;EACA;EACA;AAlExB;AAoEwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlE5B;AAqE4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAnEhC;AAsE4B;EACI,qBA/ahB;AA2WhB;AAyEoB;EACI;EACA;EACA;EACA;EACA;AAvExB;AAyEwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvE5B;AAyE4B;EACI;AAvEhC;AA0E4B;EACI;EACA;AAxEhC;AA2E4B;EACI,yBA9cd;AAqYlB;AA2EgC;EACI,cAndpB;AA0YhB;AA6E4B;EACI,yBAtdd;AA2YlB;AA6EgC;EACI;EACA,cA5dpB;AAiZhB;AAiFoB;EACI;AA/ExB;AAkFoB;EACI;AAhFxB;AAoFoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAlFxB;AAoFwB;EACI;AAlF5B;AAqFwB;EACI;EACA;AAnF5B;AAqF4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAnFhC;AA2FY;EACI;EACA;EACA;EACA;AAzFhB;AA4FgB;EACI;EACA;EACA;EACA;AA1FpB;AA4FoB;EACI;EACA;EACA;EACA;EACA;AA1FxB;AA6FoB;EACI;EACA;EACA;EACA;EACA;AA3FxB;AA6FwB;EACI;EACA;EACA;EACA;EACA;EACA;AA3F5B;AA6F4B;EACI;EACA;EACA;EACA;EACA;AA3FhC;AA6FgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3FpC;AA6FoC;EACI;EACA;EACA;AA3FxC;AAgGgC;EACI;AA9FpC;AAiGgC;EACQ,mBA3kBtB;AA4elB;AAiGwC;EACI;EACA;EACA;EACA;EACA,mBAplB5B;EAqlB4B;EACA;EACA;EACA;AA/F5C;AAkGwC;EACI,cA5lB5B;AA4fhB;AAkG4C;EACI;AAhGhD;AAuGoC;EACI;AArGxC;AA4GwB;EACI;EACA;EACA;EACA;AA1G5B;AAiHoB;EACI;EACA;EACA;EACA;AA/GxB;AAiHwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA/G5B;AAiH4B;EACI;EACA;EACA;EACA;AA/GhC;AAiHgC;EACI;EAEA;EACA;AAhHpC;AAoH4B;EACI;AAlHhC;AAqH4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAnHhC;AAwHgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAtHpC;AA2H4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzHhC;AA2HgC;EACI;EACA;AAzHpC;AA4HgC;EACI;AA1HpC;AA8HoC;EACI;AA5HxC;AAmIgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjIpC;AAoIgC;EACI;AAlIpC;AAqIgC;EACI;EACA;AAnIpC;AAuI4B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArIhC;AAuIgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AArIpC;AAuIoC;EACI,oEAlwBvB;EAmwBuB;AArIxC;AAuIwC;EACI,oEArwBrB;AAgoBvB;AA0IoC;EACI,yBA9wBtB;EA+wBsB,cAjxBxB;EAkxBwB;AAxIxC;AA0IwC;EACI,yBAlxBpB;AA0oBxB;AA4IoC;EACI;EACA;AA1IxC;AAgJgC;EACI,mBAhyBlB;EAiyBkB,qBAnyBpB;AAqpBhB;AAiJwC;EACI,aAvyB5B;AAwpBhB;AAsJgC;EACI;AApJpC;AAuJgC;EACI;AArJpC;AA2JoB;EACI;AAzJxB;AA8JwB;EACI;AA5J5B;AA+JwB;EACI;EACA;EACA;EACA;EACA;AA7J5B;AA+J4B;EACI;EACA;EACA;EACA;EACA;EACA;AA7JhC;AAoKgB;EACI;EACA;EACA;EACA;AAlKpB;AAmKoB;EACI;EACA;EACA,cA/1BR;EAg2BQ;EACA;EACA;EACA;EACA;AAjKxB;AAkKwB;EACI;AAhK5B;AAsKgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApKpB;AAsKoB;EACI;AApKxB;AAsKoB;EACI;EACA;EACA;EACA;AApKxB;AAqKwB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAnK5B;AAoK4B;EACI;EACA;EACA;AAlKhC;AAmKgC;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjKpC;AAkKoC;EACI;EACA;AAhKxC;AAkKoC;EACI;AAhKxC;AAmKgC;EACI;AAjKpC;AAmKoC;EACI;AAjKxC;AAoKoC;EACI;AAlKxC;AAuKwB;EACI;EACA;EACA;EACA;EACA;EACA;AArK5B;AAsK4B;EACI;AApKhC;AA8KQ;EACI;EACA;EACA;EACA;EACA;AA5KZ;AA8KY;EACI;EACA;EACA;EACA;EACA;AA5KhB;AA+KoB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AA7KxB;AA+KwB;EACI;AA7K5B;AAkLgB;EACI;EACA;EACA;EACA;EACA;EACA;AAhLpB;AAoLY;EACI;EACA;EACA;EACA;EACA;EACA;AAlLhB;AAoLgB;EACI;EACA;EACA;EACA;AAlLpB;AAoLoB;EACI;EACA;EACA;AAlLxB;AAoLwB;EACI;EACA;EACA;EACA;EACA;EACA;AAlL5B;AAuLgB;EACI;AArLpB,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-btn {\n    cursor: pointer;\n\n    &.pat-btn-primary {\n        border: 1px solid $primary-color;\n        background: $gradient-color;\n        color: #fff;\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\n        img {\n            width: 18px;\n            margin-right: 8px;\n        }\n    \n        &:hover{\n            background: $gradient-hover-color;\n        }\n    }\n\n    &.pat-btn-secondary-link {\n        color: rgba(156, 163, 175, 1);\n\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n}\n\n.pat-searchbox-wrap {\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\n    .pat-search-box{\n        border: none;\n        position: relative;\n        padding: 10px 40px;\n        padding-right: 10px;\n        line-height: 1;\n        width: 100%;\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.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: rgba(0, 0, 0, 0.6);\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    padding: 30px;\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        margin-top: 4px;\n        background: #fafdff;\n        position: relative;\n        height: 100%;\n        width: 100%;\n        overflow: hidden;\n\n        .pat-dependency-modal {\n            position: absolute;\n            inset: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(245, 252, 249, 0.8);\n            z-index: 99999;\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n            backdrop-filter: blur(6px);\n\n            .pat-dependency-modal-inner {\n                background: #fff;\n                border-radius: 3px;\n                padding: 30px;\n                display: flex;\n                flex-direction: column;\n                margin-top: 30vh;\n\n                .pat-dependency-modal-inner-content {\n                    max-width: 650px;\n                }\n\n                h2 {\n                    font-size: 24px;\n                    line-height: 1.5rem;\n                    font-weight: 700;\n                    margin-bottom: 0;\n                }\n\n                p {\n                    font-size: 14px;\n                }\n\n                ul {\n                    list-style: none;\n                    margin: 0;\n                    padding: 0;\n                    margin-bottom: 20px;\n\n                    li {\n                        display: flex;\n                        align-items: center;\n\n                        span {\n                            font-size: 16px;\n                            margin-left: 10px;\n                        }\n\n                        svg {\n                            color: #e5e7eb;\n                            width: 28px;\n                        }\n\n                        &.pat-is-plugin-activated {\n                            svg {\n                                color: $primary-color;\n                            }\n                        }\n                    }\n                }\n\n                .pat-dependency-modal-buttons {\n                    display: flex;\n                    justify-content: flex-start;\n                    align-items: center;\n\n                    a {\n                        &.pat-proceed-import-btn {\n                            margin-right: 15px;\n                            img {\n                                margin: 0;\n                                margin-left: 10px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        .pat-body-inner {\n            display: flex;\n            width: 100%;\n            height: 100%;\n\n            .pat-sidebar{\n                width: 250px;\n                min-height: 95vh;\n                height: 100%;\n                overflow: auto;\n                padding: 24px 24px;\n                background-color: #fff;\n                border-right: 1px solid #E4E5E5;\n\n                .pat-sidebar-item {\n                    margin-bottom: 16px;\n                    padding-bottom: 16px;\n                    border-bottom: 1px solid #E4E5E5;\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: 0;\n                        margin-bottom: 16px;\n                    }\n\n                    .pat-fav-button {\n                        background-color: $secondary-color;\n                        border: 1px solid $primary-color;\n                        padding: 12px 16px;\n                        font-size: 14px;\n                        font-weight: 600;\n                        border-radius: 4px;\n                        text-decoration: none;\n                        display: flex;\n                        align-items: center;\n                        cursor: pointer;\n                        margin-bottom: 16px;\n\n                        svg {\n                            margin-right: 12px;\n                        }\n        \n                        span {\n                            font-weight: 600;\n                            color: $primary-color;\n                        }\n                    }\n\n                    .pat-color-items {\n                        display: flex;\n                        margin: 0;\n                        padding: 0;\n                        margin-top: 16px;\n\n                        li {\n                            display: flex;\n                            justify-content: center;\n                            align-items: center;\n                            flex-wrap: wrap;\n                            list-style: none;\n                            transition: .3s ease;\n                            margin: 0;\n                            margin-right: 10px;\n                            border-radius: 50%;\n                            border: 2px solid;\n                            border-color: transparent;\n                            \n\n                            .pat-color-item {\n                                height: 24px;\n                                width: 24px;\n                                border: 1px solid #E4E5E5;\n                                border-radius: 50%;\n                                cursor: pointer;\n                                display: block;\n                                line-height: 1;\n                            }\n\n                            &:hover, &.pat-sidebar-active {\n                                border-color: $primary-color;\n                            }\n                        }\n                    }\n        \n                    .pat-sidebar-ul{\n                        display: flex;\n                        flex-direction: column;\n                        max-height: 200px;\n                        overflow: hidden;\n                        overflow-y: auto;\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                            &:last-child {\n                                margin: 0;\n                            }\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                    &:last-child {\n                        border: 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            }\n    \n            .pat-main{\n                padding: 24px;\n                width: calc(100% - 250px);\n                height: 100%;\n                overflow: auto;\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                        margin: 0;\n                        margin-top: 20px;\n                    }\n    \n                    .pat-main-menu{\n                        display: flex;\n                        align-items: center;\n                        justify-content: center;\n                        flex-wrap: wrap;\n                        width: 100%;\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: 12px 24px;\n                                    font-size: 16px;\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                                        background: $secondary-color;\n    \n                                        &:after{\n                                            content: '';\n                                            display: block;\n                                            height: 2px;\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                }\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                            border: 1px solid #E4E5E5;\n                            background: #fff;\n                            border-radius: 8px;\n                            position: relative;\n                            cursor: pointer;\n                            display: flex;\n                            flex-direction: column;\n    \n                            .pat-item-image {\n                                max-height: 450px;\n                                overflow: hidden;\n                                display: flex;\n                                flex-direction: column;\n\n                                img{\n                                    width: 100%;\n                                    // height: 100%;\n                                    border-top-right-radius: 8px;\n                                    border-top-left-radius: 8px;\n                                }\n                            }\n\n                            .pat-item-title {\n                                border-top: 1px solid #e5e7eb;\n                            }\n\n                            h3 {\n                                text-align: center;\n                                text-transform: capitalize;\n                                font-size: 18px;\n                                line-height: 28px;\n                                color: #1A1A1A;\n                                margin: 0;\n                                padding: 15px;\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                                line-height: 0;\n                                padding: 5px;\n                                background: #717D86;\n                                border: 1px solid #dedede;\n                                border-radius: 50%;\n\n                                img{\n                                    height: 24px;\n                                    width: 24px;\n                                }\n\n                                svg path{\n                                    fill: #fff;\n                                }\n    \n                                &:hover {\n                                    svg path{\n                                        fill: #f15122;\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: 50%;\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                            &.pat-fav-pattern {\n                                .pat-favourite-icon{\n                                    background: $secondary-color;\n                                    border-color: $primary-color;\n\n                                    svg {\n                                        path {\n                                            fill: $primary-color;\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: flex-start;\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        }\n\n        .pat-single-item-wrapper {\n            width: 100%;\n            height: 100%;\n            overflow: auto;\n            padding: 24px;\n            padding-bottom: 0;\n\n            .pat-single-page-header {\n                margin-bottom: 20px;\n                display: flex;\n                width: 100%;\n                justify-content: start;\n                align-items: center;\n\n                a {\n                    &.pat-single-page-back-btn {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n                        cursor: pointer;\n                        width: 24px;\n                        transition: 0.3s ease;\n                        transform: translateX(0);\n\n                        &:hover {\n                            transform: translateX(-3px);\n                        }\n                    } \n                }\n\n                h2 {\n                    margin: 0;\n                    margin-left: 10px;\n                    font-size: 22px;\n                    line-height: 32px;\n                    font-weight: 600;\n                    text-transform: capitalize;\n                }\n            }\n\n            .pat-single-body {\n                display: flex;\n                flex-direction: column;\n                border: 1px solid #E4E5E5;\n                border-bottom: 0;\n                border-top-right-radius: 8px;\n                border-top-left-radius: 8px;\n\n                .pat-single-browser-header {\n                    display: flex;\n                    justify-content: space-between;\n                    align-items: center;\n                    padding: 18px 24px;\n\n                    .pat-browser-dotted {\n                        display: flex;\n                        justify-content: center;\n                        align-items: center;\n\n                        span.pat-browser-dotted-item {\n                            height: 12px;\n                            width: 12px;\n                            display: block;\n                            background: #E4E5E5;\n                            border-radius: 50%;\n                            margin-right: 6px;\n                        }\n                    }\n                }\n\n                img {\n                    width: 100%;\n                }\n            }\n\n        }\n\n    }\n}"],"names":[],"sourceRoot":""}