{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACE;EACA;EACA;AACF;AACE;EACE;EACA;AACJ;AAEE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;EACA;AAAJ;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,0EACE;EAGF;EACA;AAJJ;AAOE;EACE;AALJ;AAQE;EACE;EACA;EACA;AANJ;AASE;EACE;EACA;EACA;AAPJ;AA/CA;EAyDE;;6CAAA;AALF;AAQE;EACE;EACA;EACA;EACA;EACA;EACA,qDACE;EAEF;EACA;AARJ;AAWE;EACE;EACA;AATJ;AAYE;EACE;EACA;EACA;AAVJ;AAaE;EACE;EACA;AAXJ;AAcE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAZJ;AAeE;EACE;EACA;AAbJ;AAgBE;EACE;EACA;EACA;EACA;EACA;AAdJ;AAiBE;EACE;EACA;EACA;EACA;AAfJ;AAkBE;EACE;EACA;EACA;AAhBJ;AAmBE;EACE;EACA;EACA;EACA;AAjBJ;AAoBE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAlBJ;AAqBE;EACE;EACA;EACA;AAnBJ;AAsBE;EACE;EACA;EACA;EACA;EACA;AApBJ;AAuBE;EACE;EACA;EACA;EACA;AArBJ;AAwBE;EACE;EACA;EACA;AAtBJ;AAyBE;EACE;EACA;EACA;EACA;AAvBJ;AA0BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAxBJ;AA2BE;EACE;AAzBJ;AA4BE;EACE;EACA;AA1BJ;AA6BE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3BJ;AA8BE;EACE;EACA;AA5BJ;AA+BE;EACE;EACA;AA7BJ;AAgCE;EACE;EACA;AA9BJ;AAiCE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kDACE;EAEF;EACA;AAjCJ;AAoCE;EACE;EACA;AAlCJ;AAqCE;EACE;AAnCJ;AAzNA;EA+PE;;6CAAA;AAjCF;AAoCE;EACE;EACA;EACA;A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","sources":["webpack://wbd-pricing-table/./src/style.scss"],"sourcesContent":[".wp-block-wbdpt-wbd-pricing-table {\n  padding: 0;\n  background: transparent;\n  color: inherit;\n\n  .telex-pricing-table-wrapper {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .telex-billing-toggle-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    margin-bottom: 32px;\n    background: #f0f0f0;\n    border-radius: 50px;\n    padding: 4px;\n    width: fit-content;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .telex-billing-option {\n    padding: 10px 28px;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    font-weight: 600;\n    color: #666;\n    cursor: pointer;\n    border-radius: 50px;\n    transition:\n      background 0.25s ease,\n      color 0.25s ease,\n      box-shadow 0.25s ease;\n    line-height: 1.4;\n    white-space: nowrap;\n  }\n\n  .telex-billing-option:hover {\n    color: #333;\n  }\n\n  .telex-billing-option--active {\n    background: #ffffff;\n    color: #222;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  }\n\n  .telex-pricing-table-grid {\n    display: grid;\n    gap: 24px;\n    align-items: start;\n  }\n\n  /* ========================================\n   LAYOUT: Classic (default)\n   ======================================== */\n  .telex-pricing-card {\n    position: relative;\n    background: #ffffff;\n    border: 2px solid transparent;\n    overflow: visible;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);\n    transition:\n      transform 0.3s ease,\n      box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .telex-pricing-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.14);\n  }\n\n  .telex-pricing-card--featured {\n    transform: scale(1.04);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);\n    z-index: 1;\n  }\n\n  .telex-pricing-card--featured:hover {\n    transform: scale(1.04) translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);\n  }\n\n  .telex-pricing-badge {\n    position: absolute;\n    top: -14px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: #ffffff;\n    font-size: 12px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    padding: 4px 18px;\n    border-radius: 20px;\n    white-space: nowrap;\n    z-index: 2;\n  }\n\n  .telex-pricing-header {\n    padding: 28px 20px 18px;\n    text-align: center;\n  }\n\n  .telex-pricing-plan-name {\n    margin: 0 0 4px;\n    font-size: 22px;\n    font-weight: 700;\n    line-height: 1.3;\n    color: inherit;\n  }\n\n  .telex-pricing-description {\n    margin: 0;\n    font-size: 13px;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  .telex-pricing-price-area {\n    text-align: center;\n    padding: 24px 20px 16px;\n    position: relative;\n  }\n\n  .telex-pricing-price-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: center;\n    gap: 2px;\n  }\n\n  .telex-pricing-discount-badge {\n    display: inline-block;\n    background: #27ae60;\n    color: #ffffff;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 3px 12px;\n    border-radius: 20px;\n    margin-bottom: 10px;\n  }\n\n  .telex-pricing-discount-badge--small {\n    font-size: 10px;\n    padding: 2px 8px;\n    margin-bottom: 6px;\n  }\n\n  .telex-pricing-currency {\n    font-size: 22px;\n    font-weight: 600;\n    color: #333;\n    align-self: flex-start;\n    margin-top: 8px;\n  }\n\n  .telex-pricing-amount {\n    font-size: 52px;\n    font-weight: 800;\n    color: #222;\n    line-height: 1;\n  }\n\n  .telex-pricing-period {\n    font-size: 15px;\n    color: #777;\n    font-weight: 400;\n  }\n\n  .telex-pricing-features {\n    list-style: none;\n    margin: 0;\n    padding: 0 24px 8px;\n    flex-grow: 1;\n  }\n\n  .telex-pricing-feature {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 0;\n    font-size: 14px;\n    color: #444;\n    border-bottom: 1px solid #f0f0f0;\n  }\n\n  .telex-pricing-feature:last-child {\n    border-bottom: none;\n  }\n\n  .telex-pricing-feature--excluded {\n    color: #aaa;\n    text-decoration: line-through;\n  }\n\n  .telex-feature-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 700;\n    flex-shrink: 0;\n  }\n\n  .telex-feature-icon--check {\n    background: #e6f7ee;\n    color: #27ae60;\n  }\n\n  .telex-feature-icon--cross {\n    background: #fde8e8;\n    color: #d64545;\n  }\n\n  .telex-pricing-button-area {\n    padding: 16px 24px 28px;\n    text-align: center;\n  }\n\n  .telex-pricing-button {\n    display: inline-block;\n    padding: 12px 32px;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    text-align: center;\n    cursor: pointer;\n    transition:\n      opacity 0.2s ease,\n      transform 0.2s ease;\n    border: none;\n    min-width: 140px;\n  }\n\n  .telex-pricing-button:hover {\n    opacity: 0.88;\n    transform: translateY(-1px);\n  }\n\n  a.telex-pricing-button {\n    color: inherit;\n  }\n\n  /* ========================================\n   LAYOUT: Centered\n   ======================================== */\n  .telex-pricing-card--centered {\n    text-align: center;\n    padding-top: 32px;\n    border: 2px solid #eee;\n  }\n\n  .telex-pricing-card--centered.telex-pricing-card--featured {\n    border-color: inherit;\n  }\n\n  .telex-centered-top {\n    padding: 0 24px 8px;\n  }\n\n  .telex-centered-top .telex-pricing-plan-name {\n    font-size: 24px;\n    margin-bottom: 6px;\n  }\n\n  .telex-centered-top .telex-pricing-description {\n    color: #888;\n    margin-bottom: 0;\n  }\n\n  .telex-centered-price-circle {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 150px;\n    height: 150px;\n    border-radius: 50%;\n    border: 4px solid;\n    margin: 20px auto;\n    position: relative;\n    background: #fafafa;\n  }\n\n  .telex-centered-price-circle .telex-pricing-currency {\n    font-size: 16px;\n    color: #888;\n    margin-top: 0;\n    align-self: center;\n  }\n\n  .telex-centered-price-circle .telex-pricing-amount {\n    font-size: 42px;\n    line-height: 1;\n  }\n\n  .telex-centered-price-circle .telex-pricing-period {\n    font-size: 12px;\n    color: #999;\n  }\n\n  .telex-centered-price-circle .telex-pricing-discount-badge {\n    position: absolute;\n    top: -8px;\n    right: -8px;\n    font-size: 10px;\n    padding: 3px 8px;\n    border-radius: 10px;\n    margin-bottom: 0;\n  }\n\n  .telex-pricing-features--centered {\n    text-align: left;\n  }\n\n  .telex-pricing-features--centered .telex-pricing-feature {\n    justify-content: center;\n    border-bottom: 1px dashed #e8e8e8;\n  }\n\n  .telex-pricing-button--pill {\n    border-radius: 50px !important;\n    padding: 14px 48px;\n    min-width: 180px;\n  }\n\n  /* ========================================\n   LAYOUT: Side Accent\n   ======================================== */\n  .telex-pricing-card--side-accent {\n    border-left: 5px solid;\n    border-top: none;\n    border-right: none;\n    border-bottom: none;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  }\n\n  .telex-pricing-card--side-accent:hover {\n    transform: translateX(4px);\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n  }\n\n  .telex-pricing-card--side-accent.telex-pricing-card--featured {\n    transform: none;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);\n  }\n\n  .telex-pricing-card--side-accent.telex-pricing-card--featured:hover {\n    transform: translateX(4px);\n  }\n\n  .telex-pricing-card--side-accent .telex-pricing-badge {\n    left: auto;\n    right: 16px;\n    top: -12px;\n    transform: none;\n  }\n\n  .telex-side-accent-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    padding: 24px 24px 0;\n    gap: 16px;\n  }\n\n  .telex-side-accent-title-area {\n    flex: 1;\n  }\n\n  .telex-side-accent-title-area .telex-pricing-plan-name {\n    font-size: 20px;\n    color: #333;\n  }\n\n  .telex-side-accent-title-area .telex-pricing-description {\n    color: #888;\n  }\n\n  .telex-side-accent-price-area {\n    text-align: right;\n    flex-shrink: 0;\n  }\n\n  .telex-side-accent-price-area .telex-pricing-price-row {\n    justify-content: flex-end;\n  }\n\n  .telex-side-accent-price-area .telex-pricing-amount {\n    font-size: 36px;\n  }\n\n  .telex-side-accent-price-area .telex-pricing-currency {\n    font-size: 18px;\n    margin-top: 4px;\n  }\n\n  .telex-side-accent-price-area .telex-pricing-discount-badge {\n    font-size: 10px;\n    padding: 2px 8px;\n    margin-bottom: 4px;\n  }\n\n  .telex-side-accent-divider {\n    height: 2px;\n    margin: 16px 24px;\n    opacity: 0.3;\n    border-radius: 1px;\n  }\n\n  .telex-pricing-card--side-accent .telex-pricing-features {\n    padding: 0 24px 8px;\n  }\n\n  .telex-pricing-button--outline {\n    background: transparent !important;\n    border: 2px solid;\n    font-weight: 600;\n  }\n\n  .telex-pricing-button--outline:hover {\n    opacity: 1;\n    filter: brightness(0.9);\n  }\n\n  /* ========================================\n   LAYOUT: Card Ribbon\n   ======================================== */\n  .telex-pricing-card--ribbon {\n    overflow: hidden;\n    border: 1px solid #eee;\n    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  }\n\n  .telex-pricing-card--ribbon:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.14);\n  }\n\n  .telex-pricing-card--ribbon.telex-pricing-card--featured {\n    transform: none;\n  }\n\n  .telex-pricing-card--ribbon.telex-pricing-card--featured:hover {\n    transform: translateY(-6px);\n  }\n\n  .telex-ribbon-tag {\n    position: absolute;\n    top: 40px;\n    right: -30px;\n    transform: rotate(45deg);\n    color: #ffffff;\n    font-size: 10px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    padding: 4px 40px;\n    z-index: 2;\n  }\n\n  .telex-ribbon-top-bar {\n    height: 6px;\n    width: 100%;\n  }\n\n  .telex-ribbon-content {\n    padding: 24px;\n  }\n\n  .telex-ribbon-plan-info {\n    margin-bottom: 20px;\n  }\n\n  .telex-ribbon-plan-info .telex-pricing-plan-name {\n    font-size: 20px;\n    color: #333;\n    margin-bottom: 4px;\n  }\n\n  .telex-ribbon-plan-info .telex-pricing-description {\n    color: #888;\n    margin-bottom: 12px;\n  }\n\n  .telex-ribbon-price {\n    display: flex;\n    align-items: baseline;\n    gap: 4px;\n  }\n\n  .telex-ribbon-price .telex-pricing-amount {\n    font-size: 40px;\n  }\n\n  .telex-ribbon-price .telex-pricing-currency {\n    font-size: 18px;\n    margin-top: 6px;\n  }\n\n  .telex-ribbon-price .telex-pricing-discount-badge--small {\n    align-self: center;\n    margin-bottom: 0;\n    margin-right: 4px;\n  }\n\n  .telex-ribbon-features-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 20px;\n    padding-top: 16px;\n    border-top: 1px solid #f0f0f0;\n  }\n\n  .telex-ribbon-tag-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 6px 14px;\n    border: 1px solid;\n    border-radius: 20px;\n    font-size: 12px;\n    font-weight: 600;\n    white-space: nowrap;\n    background: transparent;\n  }\n\n  .telex-ribbon-tag-item--excluded {\n    border-color: #ddd !important;\n    color: #bbb !important;\n    text-decoration: line-through;\n    background: #fafafa;\n  }\n\n  .telex-pricing-button-area--ribbon {\n    padding: 0;\n  }\n\n  .telex-pricing-button--wide {\n    display: block;\n    width: 100%;\n    text-align: center;\n    padding: 14px;\n    font-size: 15px;\n  }\n\n  /* ========================================\n   LAYOUT: Banner\n   Pentagon/shield shaped header with bold\n   centered price. Inspired by screenshot-8.\n   ======================================== */\n  .telex-pricing-card--banner {\n    border: none !important;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n    overflow: visible;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .telex-pricing-card--banner:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.16);\n  }\n\n  .telex-pricing-card--banner.telex-pricing-card--featured {\n    transform: scale(1.04);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);\n  }\n\n  .telex-pricing-card--banner.telex-pricing-card--featured:hover {\n    transform: scale(1.04) translateY(-5px);\n  }\n\n  .telex-banner-header {\n    position: relative;\n    text-align: center;\n    padding: 32px 24px 60px;\n    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);\n  }\n\n  .telex-banner-header .telex-pricing-plan-name {\n    font-size: 26px;\n    font-weight: 700;\n    margin: 0 0 6px;\n  }\n\n  .telex-banner-header .telex-pricing-description {\n    font-size: 13px;\n    opacity: 0.85;\n    margin: 0 0 16px;\n  }\n\n  .telex-banner-price-row {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2px;\n  }\n\n  .telex-banner-price-row .telex-pricing-price-row {\n    justify-content: center;\n  }\n\n  .telex-banner-price-row .telex-pricing-currency {\n    font-size: 20px;\n    font-weight: 600;\n    margin-top: 6px;\n  }\n\n  .telex-banner-price-row .telex-pricing-amount {\n    font-size: 56px;\n    font-weight: 800;\n    line-height: 1;\n  }\n\n  .telex-banner-period {\n    font-size: 13px;\n    font-weight: 400;\n    opacity: 0.8;\n    display: block;\n    margin-top: 2px;\n  }\n\n  .telex-banner-discount {\n    background: rgba(255, 255, 255, 0.25);\n    color: #ffffff;\n    margin-bottom: 8px;\n  }\n\n  .telex-pricing-features--banner {\n    list-style: none;\n    margin: 0;\n    padding: 20px 24px 8px;\n    flex-grow: 1;\n  }\n\n  .telex-pricing-features--banner .telex-pricing-feature {\n    justify-content: center;\n    text-align: center;\n    border-bottom: 1px solid #f0f0f0;\n    color: #555;\n    font-size: 14px;\n    padding: 11px 0;\n    gap: 0;\n  }\n\n  .telex-pricing-features--banner .telex-pricing-feature .telex-feature-icon {\n    display: none;\n  }\n\n  .telex-pricing-features--banner .telex-pricing-feature:last-child {\n    border-bottom: none;\n  }\n\n  .telex-pricing-features--banner .telex-pricing-feature--excluded {\n    color: #c0c0c0;\n    text-decoration: line-through;\n  }\n\n  .telex-pricing-button--banner {\n    display: inline-block;\n    padding: 13px 36px;\n    font-size: 15px;\n    font-weight: 700;\n    min-width: 160px;\n    text-align: center;\n  }\n\n  /* ========================================\n   LAYOUT: Flat Border\n   Clean flat cards; featured plan gets a\n   solid colored border all-around.\n   Inspired by screenshot-7.\n   ======================================== */\n  .telex-pricing-card--flat-border {\n    border: 2px solid #e0e0e0;\n    box-shadow: none;\n    background: #ffffff;\n    display: flex;\n    flex-direction: column;\n    transition:\n      border-color 0.25s ease,\n      box-shadow 0.25s ease,\n      transform 0.25s ease;\n  }\n\n  .telex-pricing-card--flat-border:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);\n  }\n\n  .telex-pricing-card--flat-border.telex-pricing-card--featured {\n    border-width: 2px;\n    transform: none;\n    box-shadow: none;\n  }\n\n  .telex-pricing-card--flat-border.telex-pricing-card--featured:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);\n  }\n\n  .telex-flat-header {\n    padding: 28px 24px 8px;\n    text-align: center;\n  }\n\n  .telex-flat-header .telex-pricing-plan-name {\n    font-size: 20px;\n    font-weight: 600;\n    margin: 0;\n  }\n\n  .telex-flat-price-area {\n    text-align: center;\n    padding: 12px 24px 20px;\n  }\n\n  .telex-flat-price-area .telex-pricing-price-row {\n    justify-content: center;\n  }\n\n  .telex-flat-price-area .telex-pricing-currency {\n    font-size: 20px;\n    font-weight: 500;\n    color: #999;\n    margin-top: 6px;\n  }\n\n  .telex-flat-price-area .telex-pricing-amount {\n    font-size: 48px;\n    font-weight: 700;\n    color: #333;\n  }\n\n  .telex-flat-price-area .telex-pricing-period {\n    display: block;\n    font-size: 13px;\n    color: #aaa;\n    margin-top: 4px;\n  }\n\n  .telex-flat-price-area .telex-pricing-discount-badge {\n    font-size: 11px;\n    margin-bottom: 8px;\n  }\n\n  .telex-pricing-features--flat {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    flex-grow: 1;\n  }\n\n  .telex-pricing-feature--flat {\n    justify-content: center;\n    text-align: center;\n    font-size: 14px;\n    color: #555;\n    padding: 12px 24px;\n    border-bottom: none;\n    background: #f7f7f7;\n    gap: 0;\n  }\n\n  .telex-pricing-feature--flat:nth-child(even) {\n    background: #ffffff;\n  }\n\n  .telex-pricing-feature--flat.telex-pricing-feature--excluded {\n    color: #c0c0c0;\n    text-decoration: line-through;\n  }\n\n  .telex-pricing-features--flat .telex-feature-icon {\n    display: none;\n  }\n\n  .telex-pricing-card--flat-border .telex-pricing-button-area {\n    padding: 20px 24px 28px;\n  }\n\n  /* ========================================\n   THEME: Dark\n   ======================================== */\n  .telex-theme-dark {\n    .telex-billing-toggle-wrapper {\n      background: #16213e;\n    }\n\n    .telex-billing-option {\n      color: #8892b0;\n    }\n\n    .telex-billing-option:hover {\n      color: #ccd6f6;\n    }\n\n    .telex-billing-option--active {\n      background: #6c63ff;\n      color: #ffffff;\n      box-shadow: 0 2px 12px rgba(108, 99, 255, 0.3);\n    }\n\n    .telex-pricing-card {\n      background: #1a1a2e;\n      border-color: #2a2a4a;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n    }\n\n    .telex-pricing-card:hover {\n      box-shadow: 0 8px 40px rgba(108, 99, 255, 0.2);\n      border-color: #6c63ff;\n    }\n\n    .telex-pricing-card--featured {\n      border-color: #6c63ff;\n      box-shadow: 0 6px 30px rgba(108, 99, 255, 0.25);\n    }\n\n    .telex-pricing-card--featured:hover {\n      box-shadow: 0 12px 50px rgba(108, 99, 255, 0.35);\n    }\n\n    .telex-pricing-card--centered {\n      border-color: #2a2a4a;\n    }\n\n    .telex-centered-price-circle {\n      background: #16213e;\n    }\n\n    .telex-pricing-card--side-accent {\n      border-color: transparent;\n      border-left-style: solid;\n    }\n\n    .telex-pricing-card--ribbon {\n      border-color: #2a2a4a;\n    }\n\n    .telex-pricing-card--banner {\n      background: #1a1a2e;\n    }\n\n    .telex-pricing-card--flat-border {\n      background: #1a1a2e;\n      border-color: #2a2a4a;\n    }\n\n    .telex-pricing-card--flat-border.telex-pricing-card--featured {\n      border-color: inherit;\n    }\n\n    .telex-pricing-feature--flat {\n      background: #16213e;\n      color: #ccd6f6;\n    }\n\n    .telex-pricing-feature--flat:nth-child(even) {\n      background: #1a1a2e;\n    }\n\n    .telex-pricing-currency {\n      color: #8892b0;\n    }\n\n    .telex-pricing-amount {\n      color: #ffffff;\n    }\n\n    .telex-pricing-period {\n      color: #8892b0;\n    }\n\n    .telex-pricing-feature {\n      color: #ccd6f6;\n      border-bottom-color: #2a2a4a;\n    }\n\n    .telex-pricing-feature--excluded {\n      color: #4a4a6a;\n    }\n\n    .telex-feature-icon--check {\n      background: rgba(108, 99, 255, 0.15);\n      color: #6c63ff;\n    }\n\n    .telex-feature-icon--cross {\n      background: rgba(255, 107, 107, 0.15);\n      color: #ff6b6b;\n    }\n\n    .telex-pricing-discount-badge {\n      background: #6c63ff;\n    }\n\n    .telex-pricing-button {\n      box-shadow: 0 4px 15px rgba(108, 99, 255, 0.3);\n    }\n\n    .telex-pricing-button:hover {\n      box-shadow: 0 6px 25px rgba(108, 99, 255, 0.5);\n    }\n\n    .telex-pricing-button--outline {\n      box-shadow: none;\n    }\n\n    .telex-side-accent-title-area .telex-pricing-plan-name,\n    .telex-ribbon-plan-info .telex-pricing-plan-name {\n      color: #ffffff;\n    }\n\n    .telex-side-accent-title-area .telex-pricing-description,\n    .telex-ribbon-plan-info .telex-pricing-description,\n    .telex-centered-top .telex-pricing-description {\n      color: #8892b0;\n    }\n\n    .telex-side-accent-divider {\n      opacity: 0.5;\n    }\n\n    .telex-ribbon-features-tags {\n      border-top-color: #2a2a4a;\n    }\n\n    .telex-ribbon-tag-item--excluded {\n      border-color: #3a3a5a !important;\n      color: #5a5a7a !important;\n      background: #1e1e3e;\n    }\n\n    .telex-pricing-features--banner .telex-pricing-feature {\n      color: #ccd6f6;\n      border-bottom-color: #2a2a4a;\n    }\n\n    .telex-flat-price-area .telex-pricing-amount {\n      color: #ffffff;\n    }\n\n    .telex-flat-price-area .telex-pricing-currency {\n      color: #8892b0;\n    }\n  }\n\n  /* ========================================\n   THEME: Gradient\n   ======================================== */\n  .telex-theme-gradient {\n    .telex-billing-toggle-wrapper {\n      background: linear-gradient(135deg, #e0e7ff 0%, #f5e6ff 100%);\n    }\n\n    .telex-billing-option {\n      color: #764ba2;\n    }\n\n    .telex-billing-option:hover {\n      color: #667eea;\n    }\n\n    .telex-billing-option--active {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n      color: #ffffff;\n      box-shadow: 0 2px 12px rgba(102, 126, 234, 0.35);\n    }\n\n    .telex-pricing-card {\n      background: #ffffff;\n      border-color: #e8e0f0;\n      box-shadow: 0 4px 20px rgba(118, 75, 162, 0.08);\n    }\n\n    .telex-pricing-card:hover {\n      box-shadow: 0 8px 35px rgba(118, 75, 162, 0.18);\n    }\n\n    .telex-pricing-card--featured {\n      box-shadow: 0 6px 30px rgba(240, 147, 251, 0.2);\n    }\n\n    .telex-pricing-card--featured:hover {\n      box-shadow: 0 12px 45px rgba(240, 147, 251, 0.3);\n    }\n\n    .telex-pricing-header {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n    }\n\n    .telex-pricing-card--featured .telex-pricing-header {\n      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;\n    }\n\n    .telex-pricing-currency {\n      color: #764ba2;\n    }\n\n    .telex-pricing-amount {\n      color: #333;\n    }\n\n    .telex-pricing-period {\n      color: #999;\n    }\n\n    .telex-pricing-feature {\n      border-bottom-color: #f0ecf5;\n    }\n\n    .telex-feature-icon--check {\n      background: linear-gradient(\n        135deg,\n        rgba(102, 126, 234, 0.12) 0%,\n        rgba(118, 75, 162, 0.12) 100%\n      );\n      color: #667eea;\n    }\n\n    .telex-feature-icon--cross {\n      background: rgba(245, 87, 108, 0.1);\n      color: #f5576c;\n    }\n\n    .telex-pricing-discount-badge {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    }\n\n    .telex-pricing-badge {\n      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;\n    }\n\n    .telex-pricing-button {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n      box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\n    }\n\n    .telex-pricing-card--featured .telex-pricing-button {\n      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;\n      box-shadow: 0 4px 15px rgba(240, 147, 251, 0.3);\n    }\n\n    .telex-pricing-button:hover {\n      box-shadow: 0 6px 25px rgba(102, 126, 234, 0.45);\n    }\n\n    .telex-pricing-button--outline {\n      background: transparent !important;\n      box-shadow: none;\n    }\n\n    .telex-centered-price-circle {\n      background: linear-gradient(135deg, #f8f6ff 0%, #fff5fb 100%);\n    }\n\n    .telex-ribbon-top-bar {\n      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;\n    }\n\n    .telex-pricing-card--featured .telex-ribbon-top-bar {\n      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;\n    }\n  }\n\n  /* ========================================\n   THEME: Minimal\n   ======================================== */\n  .telex-theme-minimal {\n    .telex-billing-toggle-wrapper {\n      background: #f1f3f5;\n      border-radius: 8px;\n    }\n\n    .telex-billing-option {\n      color: #868e96;\n      border-radius: 6px;\n      font-weight: 500;\n    }\n\n    .telex-billing-option:hover {\n      color: #495057;\n    }\n\n    .telex-billing-option--active {\n      background: #2d3436;\n      color: #ffffff;\n      box-shadow: none;\n    }\n\n    .telex-pricing-card {\n      background: #ffffff;\n      border: 1px solid #e9ecef;\n      box-shadow: none;\n      border-radius: 8px !important;\n    }\n\n    .telex-pricing-card:hover {\n      transform: none;\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);\n      border-color: #00b894;\n    }\n\n    .telex-pricing-card--featured {\n      transform: none;\n      border-color: #00b894;\n      border-width: 2px;\n      box-shadow: none;\n    }\n\n    .telex-pricing-card--featured:hover {\n      transform: none;\n      box-shadow: 0 4px 20px rgba(0, 184, 148, 0.12);\n    }\n\n    .telex-pricing-card--side-accent {\n      border: none;\n      border-left: 5px solid;\n    }\n\n    .telex-pricing-card--side-accent:hover {\n      transform: translateX(4px);\n    }\n\n    .telex-pricing-header {\n      background: #f7f8fc !important;\n      border-bottom: 1px solid #e9ecef;\n    }\n\n    .telex-pricing-card--featured .telex-pricing-header {\n      background: #e6fff9 !important;\n    }\n\n    .telex-pricing-plan-name {\n      color: #2d3436;\n    }\n\n    .telex-pricing-description {\n      color: #868e96;\n    }\n\n    .telex-pricing-currency {\n      color: #868e96;\n    }\n\n    .telex-pricing-amount {\n      color: #2d3436;\n      font-weight: 700;\n    }\n\n    .telex-pricing-period {\n      color: #adb5bd;\n    }\n\n    .telex-pricing-feature {\n      color: #495057;\n      border-bottom-color: #f1f3f5;\n    }\n\n    .telex-pricing-feature--excluded {\n      color: #ced4da;\n    }\n\n    .telex-feature-icon--check {\n      background: #e6fff9;\n      color: #00b894;\n    }\n\n    .telex-feature-icon--cross {\n      background: #fff0f0;\n      color: #e17055;\n    }\n\n    .telex-pricing-discount-badge {\n      background: #00b894;\n      border-radius: 4px;\n    }\n\n    .telex-pricing-badge {\n      border-radius: 4px !important;\n    }\n\n    .telex-pricing-button {\n      border-radius: 6px !important;\n      font-weight: 600;\n      box-shadow: none;\n    }\n\n    .telex-pricing-button:hover {\n      opacity: 0.9;\n      transform: none;\n    }\n\n    .telex-pricing-button--outline {\n      background: transparent !important;\n    }\n\n    .telex-centered-price-circle {\n      background: #f7f8fc;\n    }\n\n    .telex-ribbon-tag-item--excluded {\n      background: #f8f9fa;\n    }\n\n    .telex-pricing-card--flat-border {\n      border-radius: 8px !important;\n    }\n\n    .telex-pricing-feature--flat {\n      background: #f8f9fa;\n    }\n\n    .telex-pricing-feature--flat:nth-child(even) {\n      background: #ffffff;\n    }\n  }\n\n  /* ========================================\n   Responsive\n   ======================================== */\n  @media (max-width: 768px) {\n    .telex-pricing-table-grid {\n      grid-template-columns: 1fr !important;\n    }\n\n    .telex-pricing-card--featured {\n      transform: none;\n    }\n\n    .telex-pricing-card--featured:hover {\n      transform: translateY(-4px);\n    }\n\n    .telex-theme-minimal .telex-pricing-card--featured:hover {\n      transform: none;\n    }\n\n    .telex-side-accent-header {\n      flex-direction: column;\n    }\n\n    .telex-side-accent-price-area {\n      text-align: left;\n    }\n\n    .telex-side-accent-price-area .telex-pricing-price-row {\n      justify-content: flex-start;\n    }\n\n    .telex-pricing-card--banner.telex-pricing-card--featured,\n    .telex-pricing-card--flat-border.telex-pricing-card--featured {\n      transform: none;\n    }\n\n    .telex-pricing-card--banner.telex-pricing-card--featured:hover,\n    .telex-pricing-card--flat-border.telex-pricing-card--featured:hover {\n      transform: translateY(-4px);\n    }\n  }\n\n  @media (max-width: 1024px) and (min-width: 769px) {\n    .telex-pricing-table-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}