{"version":3,"file":"upgrade.css","mappings":"2FAGI,gCAEI,cACA,kBAFA,eAGA,gBAIJ,uBACI,yBACA,aAEA,yBAEI,oDADA,6BACA,CAGJ,6BAEI,kEADA,qDAEA,SAGJ,kCAGI,gBAEA,mBAEA,gGANA,eACA,iBAMA,cAFA,iBAFA,iBAIA,CAGJ,oCAMI,6CADA,WAJA,eACA,gBAIA,uBAHA,iBAKA,oBADA,iBAHA,iBAIA,CAGJ,sCAEI,sBADA,iBACA,CAGJ,kCAGI,kEADA,0EAEA,QACA,SAAQ,CAJR,iBAIA,CAEA,uCAGI,cAFA,eAGA,gBAFA,gBAEA,CAGJ,sCACI,qBAGA,QAAO,CAFP,kBACA,UACA,CAGJ,uKAMI,cAEA,cAJA,eAGA,gBAFA,gBAGA,CAGJ,uLAKI,eADA,iBAEA,WAIR,kCAEI,eACA,gBAFA,iBAEA","sources":["webpack://advanced-post-block/./src/upgrade.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');\r\n\r\n#apbUpgradePage {\r\n    .fsUpgradePrice {\r\n        min-width: 100%;\r\n        height: 2050px;\r\n        max-height: 2050px;\r\n        overflow: hidden;\r\n    }\r\n\r\n\r\n    .intro {\r\n        background-color: #f1f1f1;\r\n        padding: 50px;\r\n\r\n        * {\r\n            font-family: 'Roboto', sans-serif;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .flex {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .container {\r\n            font-size: 18px;\r\n            line-height: 35px;\r\n            background: #fff;\r\n            position: relative;\r\n            border-radius: 10px;\r\n            padding: 0 0 40px 0;\r\n            box-shadow: 1px 1px 6px 0px rgba(160, 160, 160, 0.12);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .introHeader {\r\n            font-size: 36px;\r\n            font-weight: 500;\r\n            line-height: 52px;\r\n            text-align: center;\r\n            color: #222;\r\n            justify-content: center;\r\n            padding-top: 20px;\r\n            padding-bottom: 27px;\r\n        }\r\n\r\n        .countdownWrap {\r\n            text-align: center;\r\n            margin: 20px auto 30px auto;\r\n        }\r\n\r\n        .countdown {\r\n            text-align: center;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 0;\r\n\r\n            >span {\r\n                font-size: 36px;\r\n                line-height: 25px;\r\n                color: #3d3d3d;\r\n                font-weight: 600;\r\n            }\r\n\r\n            div {\r\n                display: inline-block;\r\n                text-align: center;\r\n                width: 100%;\r\n                margin: 0;\r\n            }\r\n\r\n            .days,\r\n            .hours,\r\n            .minutes,\r\n            .seconds {\r\n                font-size: 36px;\r\n                line-height: 15px;\r\n                color: #3d3d3d;\r\n                font-weight: 600;\r\n                display: block;\r\n            }\r\n\r\n            .days_ref,\r\n            .hours_ref,\r\n            .minutes_ref,\r\n            .seconds_ref {\r\n                line-height: 20px;\r\n                font-size: 12px;\r\n                opacity: 0.4;\r\n            }\r\n        }\r\n\r\n        .promoCode {\r\n            text-align: center;\r\n            font-size: 26px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        // .outbox {\r\n        //     width: calc(100% + 52px);\r\n        //     color: #fff;\r\n        //     background: #00ab6d;\r\n        //     padding: 20px 17px;\r\n        //     margin-left: -26px;\r\n        //     border-radius: 10px;\r\n        //     box-shadow: 1px 1px 6px 0px rgba(160, 160, 160, 0.6);\r\n\r\n        //     .grid {\r\n        //         display: grid;\r\n        //         grid-template-columns: 1fr 1fr;\r\n        //         column-gap: 25px;\r\n        //         row-gap: 25px;\r\n\r\n        //         @media (max-width: 768px) {\r\n        //             grid-template-columns: 1fr;\r\n        //         }\r\n        //     }\r\n\r\n        //     h3 {\r\n        //         font-size: 28px;\r\n        //         line-height: 29px;\r\n        //         font-weight: 600;\r\n        //         text-align: center;\r\n        //         margin-bottom: 20px;\r\n        //     }\r\n\r\n        //     .outboxCard {\r\n        //         border-radius: 10px;\r\n        //         background: rgba(255, 255, 255, 0.05);\r\n        //         display: flex;\r\n        //         flex-direction: column;\r\n        //         align-items: center;\r\n        //         position: relative;\r\n        //         border: 1px solid #008454;\r\n        //         padding: 0 15px 14px 15px;\r\n\r\n        //         label {\r\n        //             padding: 12px 16px 11px;\r\n        //             font-size: 18px;\r\n        //             line-height: 22px;\r\n        //             background: #008454;\r\n        //             gap: 10px;\r\n        //             border-bottom-left-radius: 10px;\r\n        //             border-bottom-right-radius: 10px;\r\n\r\n        //             img {\r\n        //                 object-fit: contain;\r\n        //             }\r\n        //         }\r\n\r\n        //         .list {\r\n        //             margin: 11px 0 15px 0;\r\n        //             justify-content: space-between;\r\n\r\n        //             .listItem {\r\n        //                 font-size: 16px;\r\n        //                 font-weight: 600;\r\n        //             }\r\n        //         }\r\n\r\n        //         p {\r\n        //             font-size: 15px;\r\n        //             line-height: 28px;\r\n        //             text-align: center;\r\n        //             margin: 6px 0 15px 0;\r\n        //         }\r\n\r\n        //         button {\r\n        //             font-size: 18px;\r\n        //             font-weight: 600;\r\n        //             line-height: 35px;\r\n        //             display: inline-flex;\r\n        //             background-size: 35px;\r\n        //             background-repeat: no-repeat;\r\n        //             background-position: 5px 5px;\r\n        //             padding: 5px 20px 5px 50px;\r\n        //             border: none;\r\n        //             outline: none;\r\n        //             border-radius: 40px;\r\n        //             box-shadow: 1px 1px 6px 0px rgba(160, 160, 160, 0.6);\r\n        //             transition: 0.3s all;\r\n        //             cursor: pointer;\r\n\r\n        //             img {\r\n        //                 width: 35px;\r\n        //                 height: 35px;\r\n        //             }\r\n\r\n        //             &:hover,\r\n        //             &:focus,\r\n        //             &:active {\r\n        //                 border: none;\r\n        //                 outline: none;\r\n        //             }\r\n\r\n        //             &:hover,\r\n        //             &:focus {\r\n        //                 opacity: 0.6;\r\n        //             }\r\n\r\n        //             &.white {\r\n        //                 color: #05c680;\r\n        //                 background-color: white;\r\n        //             }\r\n\r\n        //             &.yellow {\r\n        //                 color: #fff;\r\n        //                 background-color: #f3b20a;\r\n        //             }\r\n        //         }\r\n\r\n        //         small {\r\n        //             font-size: 12px;\r\n        //             color: #fff;\r\n        //         }\r\n\r\n        //         .corner {\r\n        //             position: absolute;\r\n        //             right: 14px;\r\n        //             bottom: 9px;\r\n        //             padding: 5px;\r\n\r\n        //             a {\r\n        //                 font-size: 12px;\r\n        //                 font-weight: 400;\r\n        //                 color: #fff;\r\n        //             }\r\n        //         }\r\n        //     }\r\n        // }\r\n    }\r\n}"],"names":[],"sourceRoot":""}