{"version":3,"file":"shortcode-metabox.css","mappings":";;;AAAA;EACI;AACJ;AACI;EACI;EACA;EACA;EACA;AACR;AACQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACZ;AACY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAChB;AAEY;EACI;AAAhB;AAGY;EACI;AADhB;AAGgB;EACI;AADpB;AAOI;EACI;EACA;AALR;AAQI;EACI;IACI;IACA;EANV;EAQM;IACI;IACA;EANV;AACF;AASI;EACI;EACA;EACA;EACA;AAPR;AASQ;EACI;AAPZ;AAUQ;EACI;AARZ;AAUY;EACI;EACA;EACA;EACA;EACA;AARhB;AAWY;EACI;EACA;EACA;AAThB;AAaQ;EACI;AAXZ;AAaY;EACI;AAXhB;AAeQ;EACI;EACA;EACA;EACA;AAbZ;AAeY;EACI;EACA;EACA;AAbhB;AAegB;EACI;AAbpB;AAeoB;EACI;AAbxB;AAiBgB;EACI;AAfpB;AAmBY;EACI;EACA;EACA;EACA;EACA;EACA;AAjBhB;AAmBgB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBpB;AAsBQ;EACI;EACA;EACA;EACA;EACA;AApBZ;AAsBY;EACI;AApBhB,C","sources":["webpack://fancy-post-grid/./src/scss/shortcode-metabox.scss"],"sourcesContent":[".fpg-metabox {\r\n    background: #fff;\r\n\r\n    .fpg-metabox-tabs {\r\n        display: flex;\r\n        gap: 6px;\r\n        border-bottom: 1px solid #e2e4e7;\r\n        margin-bottom: 16px;\r\n\r\n        .fpg-metabox-tab {\r\n            position: relative;\r\n            padding: 10px 18px;\r\n            background: transparent;\r\n            border: none;\r\n            cursor: pointer;\r\n            font-weight: 600;\r\n            color: #555;\r\n            transition: all .25s ease;\r\n\r\n            &::after {\r\n                content: '';\r\n                position: absolute;\r\n                left: 50%;\r\n                bottom: -1px;\r\n                width: 0;\r\n                height: 3px;\r\n                background: #2271b1;\r\n                transition: all .25s ease;\r\n                transform: translateX(-50%);\r\n            }\r\n\r\n            &:hover {\r\n                color: #2271b1;\r\n            }\r\n\r\n            &.is-active {\r\n                color: #2271b1;\r\n\r\n                &::after {\r\n                    width: 100%;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .fpg-metabox-tab-panel {\r\n        display: none;\r\n        animation: fpgFadeIn .25s ease;\r\n    }\r\n\r\n    @keyframes fpgFadeIn {\r\n        from {\r\n            opacity: 0;\r\n            transform: translateY(4px);\r\n        }\r\n        to {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    }\r\n\r\n    .fpg-metabox-field {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 50px;\r\n\r\n        &:not(:last-child) {\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .fpg-field-info {\r\n            width: 35%;\r\n\r\n            h4 {\r\n                display: block;\r\n                font-size: 15px;\r\n                font-weight: 500;\r\n                color: #131313;\r\n                margin: 0;\r\n            }\r\n\r\n            p {\r\n                margin: 5px 0 0;\r\n                font-size: 15px;\r\n                line-height: 1.5;\r\n            }\r\n        }\r\n\r\n        .fpg-field-wrap {\r\n            width: 50%;\r\n\r\n            select {\r\n                min-width: 250px;\r\n            }\r\n        }\r\n\r\n        .fpg-switcher {\r\n            position: relative;\r\n            display: inline-block;\r\n            width: 44px;\r\n            height: 22px;\r\n\r\n            input {\r\n                opacity: 0;\r\n                width: 0;\r\n                height: 0;\r\n\r\n                &:checked + .fpg-switcher-label {\r\n                    background-color: #2271b1;\r\n\r\n                    &::before {\r\n                        transform: translateX(22px);\r\n                    }\r\n                }\r\n\r\n                &:focus + .fpg-switcher-label {\r\n                    box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.2);\r\n                }\r\n            }\r\n\r\n            .fpg-switcher-label {\r\n                position: absolute;\r\n                inset: 0;\r\n                cursor: pointer;\r\n                background-color: #ccc;\r\n                transition: 0.3s;\r\n                border-radius: 22px;\r\n\r\n                &::before {\r\n                    content: \"\";\r\n                    position: absolute;\r\n                    height: 18px;\r\n                    width: 18px;\r\n                    left: 2px;\r\n                    bottom: 2px;\r\n                    background-color: #fff;\r\n                    transition: 0.3s;\r\n                    border-radius: 50%;\r\n                }\r\n            }\r\n        }\r\n\r\n        .fpg-switcher-label + .fpg-switcher-label {\r\n            position: static;\r\n            margin-left: 8px;\r\n            vertical-align: middle;\r\n            cursor: default;\r\n            background: none;\r\n\r\n            &::before {\r\n                display: none;\r\n            }\r\n        }\r\n    }\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}