| 1 |
.fpf-modal.upgrade-pro-modal{z-index:9999999}.fpf-modal.upgrade-pro-modal .modal .modal-header{border:0;-webkit-box-shadow:none;box-shadow:none;position:absolute;right:0;top:0}.fpf-modal.upgrade-pro-modal .modal .top-lock-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:68px;height:68px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border:2px solid #e5e7eb;color:#ff5724;-webkit-box-shadow:0 0 40px rgba(255,87,36,.15);box-shadow:0 0 40px rgba(255,87,36,.15);margin:30px 0;position:relative;overflow:visible}.fpf-modal.upgrade-pro-modal .modal .top-lock-icon svg{display:block;width:44px;height:44px;overflow:visible;background:rgba(0,0,0,0)}.fpf-modal.upgrade-pro-modal .modal .top-lock-icon svg g:nth-child(1){-webkit-transform-origin:center;transform-origin:center}.fpf-modal.upgrade-pro-modal .modal .top-lock-icon svg g:nth-child(2){transform-box:fill-box;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0deg);transform:rotate(0deg);will-change:transform;-webkit-transition:-webkit-transform 0ms linear 400ms;transition:-webkit-transform 0ms linear 400ms;transition:transform 0ms linear 400ms;transition:transform 0ms linear 400ms, -webkit-transform 0ms linear 400ms}.fpf-modal.upgrade-pro-modal .modal .actions li:last-child a{font-size:30px;color:#888}.fpf-modal.upgrade-pro-modal .modal .actions li:last-child a:hover{color:#333}.fpf-modal.upgrade-pro-modal .modal em{font-style:normal}.fpf-modal.upgrade-pro-modal .modal h2{margin:0 0 -0.5em 0;font-size:24px;line-height:32px;font-weight:700;color:#000}.fpf-modal.upgrade-pro-modal .modal .modal-body{max-height:100%;padding:0}.fpf-modal.upgrade-pro-modal .modal .modal-body p{margin:30px 0}.fpf-modal.upgrade-pro-modal .modal .modal-body p:last-child{margin-bottom:0}.fpf-modal.upgrade-pro-modal .modal .close{border:none;position:absolute;z-index:1;margin:0;right:0}.fpf-modal.upgrade-pro-modal .modal .pro-only-footer{padding:0 30px;margin-top:20px;font-size:13px;color:#666;line-height:1.6}.fpf-modal.upgrade-pro-modal .modal .pro-only-footer a{color:inherit;text-decoration:underline}.fpf-modal.upgrade-pro-modal .modal .pro-only-footer a:hover{color:#1f496e;text-decoration:none}.fpf-modal.upgrade-pro-modal .modal .pro-only-body{padding:0 0 30px 0;color:#555}.fpf-modal.upgrade-pro-modal .modal .pro-only-body p{font-size:14px}.fpf-modal.upgrade-pro-modal .modal .pro-only-body p.cta{padding:0 30px}.fpf-modal.upgrade-pro-modal .modal .pro-only-body .icon-lock{font-size:50px;width:auto;height:auto;display:block;color:#d0d0d0;margin:0 0 15px 0}.fpf-modal.upgrade-pro-modal .modal .pro-only-body .po-feature,.fpf-modal.upgrade-pro-modal .modal .pro-only-body .po-upgrade{padding:0 30px;text-wrap:balance}.fpf-modal.upgrade-pro-modal .modal .pro-only-body .po-feature p{font-size:16px;color:#64748b}.fpf-modal.upgrade-pro-modal .modal .pro-only-body .fpf-button.upgrade{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:500;border:0;background-image:linear-gradient(135deg, hsl(14deg, 100%, 57%) 0%, hsl(351deg, 95%, 71%) 100%) !important;-webkit-transition:background-image 160ms ease-in-out;transition:background-image 160ms ease-in-out;font-size:15px;font-weight:bold}.fpf-modal.upgrade-pro-modal .modal .pro-only-body .fpf-button.upgrade:not(:hover):not(:focus) .fpf-upgrade-icon.lock-open{display:none}.fpf-modal.upgrade-pro-modal .modal .pro-only-body .fpf-button.upgrade:hover,.fpf-modal.upgrade-pro-modal .modal .pro-only-body .fpf-button.upgrade:focus{background-image:linear-gradient(135deg, hsl(14deg, 100%, 52%) 0%, hsl(351deg, 95%, 66%) 100%) !important}.fpf-modal.upgrade-pro-modal .modal .pro-only-body .fpf-button.upgrade:hover .fpf-upgrade-icon.lock-closed,.fpf-modal.upgrade-pro-modal .modal .pro-only-body .fpf-button.upgrade:focus .fpf-upgrade-icon.lock-closed{display:none}.fpf-modal.upgrade-pro-modal .modal .pro-only-bonus{background-color:#faffac;padding:24px 60px 20px;font-size:15px;color:#4d4d4d;position:relative;text-wrap:balance}.fpf-modal.upgrade-pro-modal .modal .pro-only-bonus:before{content:"";color:#3abc01;font-family:dashicons;display:block;position:absolute;top:-7px;font-size:26px;border-radius:100%;width:100%;left:0}.fpf-modal.upgrade-pro-modal .modal .pro-only-bonus strong.percentage{color:#3abc01}.fpf-modal.upgrade-pro-modal .modal .pro-only-bonus b:last-child{font-weight:700;color:#3abc01}.fpf-modal.upgrade-pro-modal.is-visible .top-lock-icon svg{-webkit-animation:fpf-pop-in 320ms cubic-bezier(0.2, 0.7, 0.3, 1) 400ms both;animation:fpf-pop-in 320ms cubic-bezier(0.2, 0.7, 0.3, 1) 400ms both}.fpf-modal.upgrade-pro-modal.is-visible .top-lock-icon svg g:nth-child(2){-webkit-transform:rotate(-36deg);transform:rotate(-36deg);-webkit-transition:-webkit-transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1) 400ms;transition:-webkit-transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1) 400ms;transition:transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1) 400ms;transition:transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1) 400ms, -webkit-transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1) 400ms}.fpf-modal.upgrade-pro-modal.is-visible .top-lock-icon svg g:nth-child(1){-webkit-animation:fpf-body-bounce 360ms cubic-bezier(0.25, 0.75, 0.25, 1) 400ms both;animation:fpf-body-bounce 360ms cubic-bezier(0.25, 0.75, 0.25, 1) 400ms both}@-webkit-keyframes fpf-pop-in{0%{-webkit-transform:scale(0.92);transform:scale(0.92)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes fpf-pop-in{0%{-webkit-transform:scale(0.92);transform:scale(0.92)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fpf-body-bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(1px);transform:translateY(1px)}70%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fpf-body-bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(1px);transform:translateY(1px)}70%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(0);transform:translateY(0)}} |
