pixflow-upgrade-planning 1.3.0 → 1.3.2

package/images/postpace/postpace-one.svg

@@ -1,32 +0,0 @@
-<svg width="192" height="60" viewBox="0 0 192 60" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M110.916 25.0002C110.916 30.193 109.927 34.6108 107.948 38.2535C105.985 41.8963 103.305 44.6787 99.9085 46.6008C96.5276 48.5074 92.726 49.4608 88.5037 49.4608C84.2503 49.4608 80.4331 48.4997 77.0521 46.5776C73.6712 44.6555 70.9992 41.873 69.0361 38.2303C67.0729 34.5876 66.0914 30.1775 66.0914 25.0002C66.0914 19.8074 67.0729 15.3896 69.0361 11.7468C70.9992 8.10411 73.6712 5.32943 77.0521 3.42281C80.4331 1.50069 84.2503 0.539626 88.5037 0.539626C92.726 0.539626 96.5276 1.50069 99.9085 3.42281C103.305 5.32943 105.985 8.10411 107.948 11.7468C109.927 15.3896 110.916 19.8074 110.916 25.0002ZM100.656 25.0002C100.656 21.6365 100.15 18.7998 99.1373 16.4901C98.1401 14.1805 96.7301 12.4289 94.9072 11.2353C93.0843 10.0417 90.9498 9.44495 88.5037 9.44495C86.0576 9.44495 83.9231 10.0417 82.1002 11.2353C80.2773 12.4289 78.8595 14.1805 77.8467 16.4901C76.8496 18.7998 76.351 21.6365 76.351 25.0002C76.351 28.3639 76.8496 31.2006 77.8467 33.5102C78.8595 35.8199 80.2773 37.5715 82.1002 38.7651C83.9231 39.9587 86.0576 40.5554 88.5037 40.5554C90.9498 40.5554 93.0843 39.9587 94.9072 38.7651C96.7301 37.5715 98.1401 35.8199 99.1373 33.5102C100.15 31.2006 100.656 28.3639 100.656 25.0002Z" fill="url(#paint0_linear_3706_2179)"/>
-<path d="M128.181 28.1624V48.8097H118.225V13.0954H127.714V19.3966H128.134C128.929 17.3195 130.261 15.6763 132.131 14.4673C134 13.2427 136.267 12.6304 138.931 12.6304C141.424 12.6304 143.598 13.1729 145.452 14.258C147.306 15.3431 148.747 16.8932 149.775 18.9083C150.804 20.9079 151.318 23.2951 151.318 26.0698V48.8097H141.362V27.8369C141.378 25.6512 140.817 23.9461 139.679 22.7215C138.542 21.4815 136.976 20.8614 134.982 20.8614C133.642 20.8614 132.458 21.1482 131.429 21.7217C130.417 22.2953 129.622 23.1323 129.046 24.2329C128.485 25.318 128.197 26.6278 128.181 28.1624Z" fill="url(#paint1_linear_3706_2179)"/>
-<path d="M175.524 49.5073C171.831 49.5073 168.653 48.7632 165.989 47.2751C163.34 45.7715 161.299 43.6479 159.866 40.9042C158.432 38.145 157.715 34.8821 157.715 31.1153C157.715 27.4416 158.432 24.2174 159.866 21.4427C161.299 18.668 163.317 16.5056 165.919 14.9555C168.536 13.4055 171.605 12.6304 175.126 12.6304C177.495 12.6304 179.699 13.0102 181.74 13.7697C183.797 14.5138 185.589 15.6376 187.116 17.1412C188.658 18.6448 189.858 20.5359 190.715 22.8146C191.572 25.0777 192 27.7284 192 30.7666V33.487H161.688V27.3486H182.628C182.628 25.9225 182.317 24.6592 181.694 23.5586C181.07 22.458 180.206 21.5977 179.099 20.9777C178.009 20.3421 176.739 20.0244 175.29 20.0244C173.779 20.0244 172.439 20.3731 171.27 21.0707C170.117 21.7527 169.214 22.675 168.559 23.8376C167.905 24.9847 167.57 26.2635 167.554 27.6741V33.5102C167.554 35.2774 167.882 36.8042 168.536 38.0908C169.206 39.3774 170.149 40.3694 171.364 41.067C172.579 41.7645 174.02 42.1133 175.687 42.1133C176.794 42.1133 177.806 41.9583 178.726 41.6483C179.645 41.3382 180.432 40.8732 181.086 40.2532C181.74 39.6331 182.239 38.8736 182.582 37.9745L191.79 38.5791C191.322 40.7802 190.364 42.7023 188.915 44.3454C187.482 45.973 185.628 47.2441 183.353 48.1587C181.094 49.0577 178.484 49.5073 175.524 49.5073Z" fill="url(#paint2_linear_3706_2179)"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M54.2742 27.0029C54.2736 30.6312 54.3145 32.3618 53.0231 35.7059C49.0802 44.6757 38.8116 44.4136 38.8116 44.4136H25.5664L11.3061 60V32.8224L0 39.1537V5.33211L11.2964 11.5563V0H40.3586C51.7658 0.793672 54.2764 10.9006 54.2764 15.1048C54.2764 18.6504 54.2747 20.3135 54.2742 27.0029ZM39.6445 15.5223C39.6445 11.685 35.7339 11.883 35.7339 11.883H11.4481L11.4384 32.5743C13.1048 32.5796 30.0713 32.632 34.9101 32.632C39.5058 32.632 39.6445 29.5941 39.6445 29.5941V15.5223Z" fill="url(#paint3_linear_3706_2179)"/>
-<defs>
-<linearGradient id="paint0_linear_3706_2179" x1="2.78358e-08" y1="38.9362" x2="179.664" y2="35.033" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F1A85E"/>
-<stop offset="0.255203" stop-color="#E284BC"/>
-<stop offset="0.588543" stop-color="#AB96D6"/>
-<stop offset="1" stop-color="#2891FF"/>
-</linearGradient>
-<linearGradient id="paint1_linear_3706_2179" x1="2.78358e-08" y1="38.9362" x2="179.664" y2="35.033" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F1A85E"/>
-<stop offset="0.255203" stop-color="#E284BC"/>
-<stop offset="0.588543" stop-color="#AB96D6"/>
-<stop offset="1" stop-color="#2891FF"/>
-</linearGradient>
-<linearGradient id="paint2_linear_3706_2179" x1="2.78358e-08" y1="38.9362" x2="179.664" y2="35.033" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F1A85E"/>
-<stop offset="0.255203" stop-color="#E284BC"/>
-<stop offset="0.588543" stop-color="#AB96D6"/>
-<stop offset="1" stop-color="#2891FF"/>
-</linearGradient>
-<linearGradient id="paint3_linear_3706_2179" x1="2.78358e-08" y1="38.9362" x2="179.664" y2="35.033" gradientUnits="userSpaceOnUse">
-<stop stop-color="#F1A85E"/>
-<stop offset="0.255203" stop-color="#E284BC"/>
-<stop offset="0.588543" stop-color="#AB96D6"/>
-<stop offset="1" stop-color="#2891FF"/>
-</linearGradient>
-</defs>
-</svg>

package/images/tick.svg

@@ -1,3 +0,0 @@
-<svg width="8" height="7" viewBox="0 0 8 7" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1.21997 3.51371L2.92639 5.22013L7.47685 0.669678" stroke="white" stroke-width="1.13761"/>
-</svg>

package/pixflow-ui-general/index.js

@@ -1,17 +0,0 @@
-class PixflowUIGeneral extends HTMLElement {
-    constructor(){
-        super();
-    }
-
-    toggleActive(el){
-        this.parentNode.querySelectorAll(".active").forEach(function(element){
-            element.classList.remove("active");
-        });
-        try {
-            el.classList.add("active");
-        } catch(e) {}
-    }
-    
-}
-
-module.exports = PixflowUIGeneral;

package/pixflow-ui-general/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "pixflow-ui-general",
-  "version": "1.0.1",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC"
-}

package/styles/pixflow.css

@@ -1,395 +0,0 @@
-@keyframes rotate-loading {
-    from {
-        transform: rotate(0);
-    }
-    to {
-        transform: rotate(-360deg);
-    }
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div, pixflow-upgrade-planning div.purchase-code button {
-    cursor: pointer;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > img {
-    animation-name: rotate-loading;
-    animation-duration: 2s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-    margin-top: 10px;
-    width: 128px;
-}
-
-pixflow-upgrade-planning > div.pixflow {
-    position: fixed;
-    display: none;
-    width: calc(100% - 40px);
-    height: calc(100% - 25px);
-    border-radius: 17px 17px 0px 0px;
-    background-color: #0C0C0C;
-    top: calc(100vh + 10px);
-    left: 20px;
-    z-index: 4;
-    transition: top 300ms ease-in;
-    font-family: Inter;
-    font-size: 15px;
-    font-weight: 500;
-    font-stretch: normal;
-    font-style: normal;
-    flex-direction: column;
-    align-items: center;
-    background: linear-gradient(180deg, #005DFF -68.79%, #2273FF -10.25%, #0C0C0C 39.26%, rgba(221, 0, 27, 0) 39.27%, #0C0C0C 39.28%);
-    min-width: 440px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div:nth-child(1) {
-    margin-top: -9px;
-    background-color: #142251b3;
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
-    height: 10px;
-    width: calc(100% - 50px);
-    left: calc((100% - 50px) / 2);
-}
-
-pixflow-upgrade-planning > div.pixflow > img:nth-child(3) {
-    margin: 100px 0 50px 0;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div > div > div:nth-child(2) > img {
-    width: 16px;
-    filter: invert(1);
-}
-
-pixflow-upgrade-planning > div.pixflow.active, pixflow-upgrade-planning > div.pixflow.active {
-    display: flex!important;
-    top: 25px;
-}
-
-pixflow-upgrade-planning > div.pixflow > p {
-    opacity: 0.8;
-    letter-spacing: normal;
-    text-align: center;
-    padding: 0 40px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan {
-    display: none;
-    justify-content: space-evenly;
-}
-
-pixflow-upgrade-planning > div.pixflow > div > div > div:nth-child(2) {
-    font-weight: bold;
-    font-size: 13.5px;
-    margin-top: 10px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div > div > div:nth-child(3) {
-    font-size: 11.6px;
-    margin-top: 5px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div > div > div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border-radius: 12.5138px;
-    box-shadow: 0 10.2px 12.5px 0 rgba(0, 0, 0, 0.12);
-    border: solid 1.1px var(--path-4792-custom-style);
-    background-color: #1D1D1D;
-    width: 89.9px;
-    height: 89.9px;
-    transition: box-shadow 200ms;
-    margin: 5px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div > div.active {
-    box-shadow: 0 0;
-    border: 2px solid #3C49B3;
-}
-
-div.activate-code-block {
-    display: flex;
-    flex-direction: column;
-    height: 100px;
-    width: 100%;
-    align-items: center;
-    background: linear-gradient(180deg, rgba(12,12,12,0) 0%, rgba(12,12,12,1) 34%, rgba(12,12,12,1) 100%);
-}
-
-pixflow-upgrade-planning > div.pixflow button, pixflow-upgrade-planning > div.purchase-code > form > button {
-    width: 147px;
-    height: 34px;
-    border-radius: 17px;
-    background-color: #005dff;
-    color: #fff;
-    transition: filter 200ms;
-    border: 0;
-    outline: 0;
-    cursor: pointer;
-}
-
-pixflow-upgrade-planning > div.pixflow > div:nth-child(5) {
-    font-family: Inter;
-    font-size: 13px;
-    font-weight: normal;
-    font-stretch: normal;
-    font-style: normal;
-    color: #005dff;
-    margin-top: 20px;
-    transition: filter 200ms;
-}
-
-pixflow-upgrade-planning > div.pixflow > button:hover {
-    background-color: #014CCE;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div > div.active > div:nth-child(3) {
-    width: 12px;
-    height: 12px;
-    position: absolute;
-    background-image: url("./node_modules/pixflow-upgrade-planning/images/tick.svg");
-    background-color: #005dff;
-    border-radius: 6px;
-    background-position: center center;
-    background-repeat: no-repeat;
-    margin: 5px 0 0 65px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div > div > div:nth-child(2) > del {
-    color: gray;
-    font-size: 10px;
-    margin-left: 5px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div > div > img {
-    height: 57px
-}
-
-pixflow-upgrade-planning > div.pixflow > p:nth-child(4) {
-    font-size: 17px;
-    line-height: 22px;
-    color: #fff;
-    font-style: normal;
-    width: 363px;
-}
-
-
-pixflow-upgrade-planning > div.pixflow > p:nth-child(5) > img {
-    width: 10px;
-}
-
-pixflow-upgrade-planning > div.pixflow > p:nth-child(5) {
-    font-size: 11px;
-    color: white;
-}
-
-pixflow-upgrade-planning > div.pixflow div.activate-code {
-    color: #7C879A;
-    font-size: 13px;
-    margin: 15px 0;
-    color: #7C879A;
-    font-size: 13px;
-    cursor: pointer;
-    display: none;
-}
-
-pixflow-upgrade-planning > div.pixflow div.activate-code.active {
-    display: block!important;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.plan > div > p, pixflow-upgrade-planning > div.pixflow > div.plan > div > div > div:nth-child(2) {
-    color: #fff;
-    font-size: 12px;
-    text-transform: capitalize;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.container-button {
-    top: calc(100vh - 125px);
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    height: 100px;
-    align-items: center;
-    background: linear-gradient(0deg, #0C0C0C 0%, #0C0C0C 77%, #ffffff00 100%);
-}
-
-pixflow-upgrade-planning > div.pixflow > div.container-button > div.button {
-    cursor: pointer;
-    background-image: url(./images/postpace-button.svg);
-    width: 167px;
-    height: 48px;
-}
-
-pixflow-upgrade-planning > div.pixflow > div.container-button > div.button:hover {
-    background-image: url(./images/postpace-button-hover.svg);    
-}
-
-pixflow-upgrade-planning > div.pixflow > img:nth-child(2) {
-    margin-top: 12px;
-    cursor: pointer;
-}
-
-pixflow-upgrade-planning div.close {
-    background-image: url(./images/drawer.svg);
-    background-repeat: no-repeat;
-    background-position: center center;
-    width: 73px;
-    height: 27px;
-    cursor: pointer;
-}
-
-pixflow-upgrade-planning div.purchase-code {
-    display: none;
-    flex-direction: column;
-    position: fixed;
-    top: calc(100vh + 10px);
-    left: 2.5%;
-    width: 95%;
-    height: 95%;
-    background: #fff;
-    box-sizing: border-box;
-    box-shadow: 0px 4px 9px rgb(0 0 0 / 25%);
-    border-radius: 17px 17px 0px 0px;
-    z-index: 1001;
-    align-items: center;
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 700;
-    font-size: 12px;
-    transition: top 400ms;
-    background: linear-gradient(180deg, #005DFF -86.53%, #2273FF -13.89%, #0C0C0C 47.55%, rgb(221 0 27) 47.56%, #0C0C0C 47.57%);
-    justify-content: space-between;
-}
-
-pixflow-upgrade-planning div.purchase-code.active {
-    top: calc(100vh - 95%);
-    display: flex;
-}
-
-pixflow-upgrade-planning div.purchase-code > form > input[type=text]:nth-child(1) {
-    background: rgb(185 210 255 / 10%);
-}
-
-pixflow-upgrade-planning div.purchase-code > form > div {
-    color: #7C879A;
-    margin: 15px 0;
-    cursor: pointer;
-}
-
-pixflow-upgrade-planning div.purchase-code > img:nth-child(1) {
-    position: absolute;
-    z-index: -1;
-    top: -8px;
-}
-
-pixflow-upgrade-planning div.purchase-code > img:nth-child(2) {
-    position: absolute;
-    top: 0;
-    cursor: pointer;
-}
-
-pixflow-upgrade-planning div.purchase-code > div {
-    margin-top: 0px;
-    color: #7C879A;
-}
-
-pixflow-upgrade-planning div.purchase-code > p.describe {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: bold;
-    text-align: center;
-    color: #fff;
-    font-size: 15px;
-    line-height: 22px;
-    padding: 0 97px;
-    margin-top: 69px;
-}
-
-pixflow-upgrade-planning div.purchase-code > p {
-    width: fit-content;
-}
-
-pixflow-upgrade-planning div.purchase-code > form {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-direction: column;
-}
-
-pixflow-upgrade-planning div.purchase-code > form > input[type="text"] {
-    background-color: rgba(226, 226, 226, 0.6);
-    border: 0;
-    color: #8D8D8D;
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 12.1px;
-    line-height: 12px;
-    letter-spacing: 0.04em;
-    width: 279px;
-    padding: 10px;
-    outline: none;
-    border-radius: 6.4px;
-    margin: 0;
-}
-
-pixflow-upgrade-planning div.purchase-code > form > input[type="text"]::selection {
-    filter: invert(1);
-}
-
-pixflow-upgrade-planning div.purchase-code > form > p {
-    color: #fff;
-    height: 15px;
-}
-
-pixflow-upgrade-planning div.purchase-code > p {
-    width: fit-content;
-    text-align: center;
-}
-
-pixflow-upgrade-planning div.purchase-code > p.buy {
-    font-family: Inter;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 10px;
-    line-height: 12px;
-    text-align: center;
-    letter-spacing: 0.04em;
-    color: #FFFFFF;
-}
-
-pixflow-upgrade-planning div.purchase-code > p.buy > a {
-    color: #5c92ff;
-    text-decoration: underline;
-    transition: color 0.2s;
-}
-
-pixflow-upgrade-planning div.purchase-code > p.buy > a:hover {
-    color: #0A48C4;
-}
-
-pixflow-upgrade-planning div.purchase-code > p.help > a {
-    text-decoration: underline;
-}
-
-pixflow-upgrade-planning div.purchase-code > p.buy > a {
-    color: #5c92ff;
-    text-decoration: underline;
-    display: contents;
-}
-
-pixflow-upgrade-planning div.purchase-code div.result {
-    color: #FFFFFF;
-}
-
-pixflow-upgrade-planning div.purchase-code ul.msg {
-    display: none;
-}

package/styles/postpace.css

@@ -1,227 +0,0 @@
-pixflow-upgrade-planning > div.postpace > div.plan > div > div > div:nth-child(2) > img {
-    animation-name: rotate-loading;
-    animation-duration: 2s;
-    animation-iteration-count: infinite;
-    animation-timing-function: linear;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div > div > div:nth-child(2) > img {
-    margin-top: 10px;
-}
-
-pixflow-upgrade-planning > div.postpace {
-    position: fixed;
-    display: none;
-    width: calc(100% - 40px);
-    height: calc(100% - 25px);
-    border-radius: 17px 17px 0px 0px;
-    background-color: #0C0C0C;
-    top: calc(100vh + 10px);
-    left: 20px;
-    z-index: 3;
-    transition: top 300ms ease-in;
-    font-family: Inter;
-    font-size: 15px;
-    font-weight: 500;
-    font-stretch: normal;
-    font-style: normal;
-    flex-direction: column;
-    align-items: center;
-    background-image: url(./node_modules/pixflow-upgrade-planning/images/postpace/postpace-bg.jpg);
-    background-repeat: no-repeat;
-    background-position: center top;
-    background-size: cover;
-    min-width: 440px;
-}
-
-pixflow-upgrade-planning > div.postpace > div:nth-child(1), div.pcode > div:nth-child(1) {
-    margin-top: -9px;
-    background-color: #142251b3;
-    border-top-left-radius: 25px;
-    border-top-right-radius: 25px;
-    height: 10px;
-    width: calc(100% - 50px);
-    left: calc((100% - 50px) / 2);
-}
-
-pixflow-upgrade-planning > div.postpace > img:nth-child(3) {
-    margin: 100px 0 50px 0;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div > div > div:nth-child(2) > img {
-    width: 16px;
-    filter: invert(1);
-}
-
-pixflow-upgrade-planning > div.postpace.active, pixflow-upgrade-planning > div.postpace.active {
-    display: flex!important;
-    top: 25px;
-}
-
-pixflow-upgrade-planning > div.postpace > p {
-    opacity: 0.8;
-    letter-spacing: normal;
-    text-align: center;
-    padding: 0 40px;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan {
-    display: flex;
-    justify-content: space-evenly;
-}
-
-pixflow-upgrade-planning > div.postpace > div > div > div:nth-child(2) {
-    font-weight: bold;
-    font-size: 13.5px;
-    margin-top: 10px;
-}
-
-pixflow-upgrade-planning > div.postpace > div > div > div:nth-child(3) {
-    font-size: 11.6px;
-    margin-top: 5px;
-}
-
-pixflow-upgrade-planning > div.postpace > div > div > div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    border-radius: 12.5138px;
-    box-shadow: 0 10.2px 12.5px 0 rgba(0, 0, 0, 0.12);
-    border: solid 1.1px var(--path-4792-custom-style);
-    background-color: #1D1D1D;
-    width: 89.9px;
-    height: 89.9px;
-    transition: box-shadow 200ms;
-    margin: 5px;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div > div.active {
-    box-shadow: 0 0;
-    border: 2px solid #3C49B3;
-}
-
-pixflow-upgrade-planning > div.postpace > button {
-    width: 147px;
-    height: 34px;
-    margin-top: 38px;
-    border-radius: 17px;
-    background-color: #005dff;
-    color: #fff;
-    transition: filter 200ms;
-}
-
-pixflow-upgrade-planning > div.postpace > div:nth-child(5) {
-    font-family: Inter;
-    font-size: 13px;
-    font-weight: normal;
-    font-stretch: normal;
-    font-style: normal;
-    color: #005dff;
-    margin-top: 20px;
-    transition: filter 200ms;
-}
-
-pixflow-upgrade-planning > div.postpace > button:hover {
-    background-color: #014CCE;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div > div.active > div:nth-child(3) {
-    width: 12px;
-    height: 12px;
-    position: absolute;
-    background-image: url(./node_modules/pixflow-upgrade-planning/images/tick.svg);
-    background-color: #005dff;
-    border-radius: 6px;
-    background-position: center center;
-    background-repeat: no-repeat;
-    margin: 5px 0 0 65px;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div > div > div:nth-child(2) > del {
-    color: gray;
-    font-size: 10px;
-    margin-left: 5px;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div > div > img {
-    height: 57px
-}
-
-pixflow-upgrade-planning > div.postpace > p:nth-child(4) {
-    font-size: 17px;
-    line-height: 22px;
-    color: #fff;
-    font-style: normal;
-    width: 363px;
-}
-
-
-pixflow-upgrade-planning > div.postpace > p:nth-child(5) > img {
-    width: 10px;
-}
-
-pixflow-upgrade-planning > div.postpace > p:nth-child(5) {
-    font-size: 11px;
-    color: white;
-}
-
-pixflow-upgrade-planning > div.postpace > div.activate-code {
-    color: #7C879A;
-    font-size: 13px;
-    margin: 15px 0;
-}
-
-a, .btn, button, ul > li > div, ul > li > img, ul > li > div.arrow.right, pixflow-upgrade-planning > div.postpace > div.plan > div, #activate, #dashboard > div, #dashboard img, .apply, .unlock, #customize > div.params > div.header > div, pixflow-upgrade-planning > div.postpace > div.activate-code, .view-details, body > div.right-side > div.header > div.views > img.view-small-icon {
-    cursor: pointer;
-}
-
-pixflow-upgrade-planning > div.postpace > div.activate-code {
-    color: #7C879A;
-    font-size: 13px;
-    margin: 15px 0;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-pixflow-upgrade-planning > div.postpace > div.plan > div > p, pixflow-upgrade-planning > div.postpace > div.plan > div > div > div:nth-child(2) {
-    color: #fff;
-    font-size: 12px;
-}
-
-pixflow-upgrade-planning > div.postpace > div.container-button {
-    top: calc(100vh - 125px);
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    height: 100px;
-    align-items: center;
-    background: linear-gradient(0deg, #0C0C0C 0%, #0C0C0C 77%, #ffffff00 100%);
-}
-
-pixflow-upgrade-planning > div.postpace > div.container-button > div.button {
-    cursor: pointer;
-    background-image: url(./node_modules/pixflow-upgrade-planning/images/postpace/postpace-button.svg);
-    width: 167px;
-    height: 48px;
-}
-
-pixflow-upgrade-planning > div.postpace > div.container-button > div.button:hover {
-    background-image: url(./node_modules/pixflow-upgrade-planning/images/postpace/postpace-button-hover.svg);    
-}
-
-pixflow-upgrade-planning > div.postpace > img:nth-child(2) {
-    margin-top: 12px;
-}
-
-pixflow-upgrade-planning div.close {
-    background-image: url(./node_modules/pixflow-upgrade-planning/images/drawer.svg);
-    background-repeat: no-repeat;
-    background-position: center center;
-    width: 73px;
-    height: 27px;
-}