.subscription-modal-header[data-v-b839e562]{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;min-height:40px}.subscription-modal-header img[data-v-b839e562]{flex-shrink:0}.subscription-modal-header .btn-close[data-v-b839e562]{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;width:24px;height:24px;margin-bottom:auto;color:var(--bs-body-color);border-radius:50%;background-color:var(--coolGrey50)!important;cursor:pointer}.subscription-modal-header .btn-close[data-v-b839e562]:hover{color:#ff9ef4;background-color:var(--coolGrey100)!important}.nav-link.active[data-v-b839e562]{background-color:#fff}#error-element[data-v-b839e562]{padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px}.sub-left-banner[data-v-b839e562]{position:relative;display:flex;width:30%;background-color:var(--coolGrey50)}.subscription-modal-container[data-v-b839e562]{position:relative;display:flex;flex-direction:column;align-content:center;justify-content:center;gap:1rem;padding:1rem;width:100%;.subscription-modal-header[data-v-b839e562] {display: flex; justify-content: space-between; align-items: center; position: relative; .btn-close[data-v-b839e562] {position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; right: 0px; width: 24px; height: 24px; margin-bottom: auto; color: var(--bs-body-color); border-radius: 50%; background-color: var(--coolGrey50) !important; cursor: pointer; &[data-v-b839e562]:hover {color: rgba(255,158,244,1) ; background-color: var(--coolGrey100) !important;}}} .subscription-modal-header h3[data-v-b839e562] {font-size: 1.5rem; position: relative;} .subscription-modal-body[data-v-b839e562] {margin-right: 1rem; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem; .sub-tabs[data-v-b839e562] {position: relative; z-index: 2;} .price-box[data-v-b839e562] {width: 270px; .badge-save[data-v-b839e562] {position: absolute; display: flex; right: 60px; top: 0px; height: 50px; width: 50px; color: rgba(20,150,129,1); background-color: rgba(37,245,210,.6); border-radius: 50%;}}}}.subscription-modal-footer[data-v-b839e562]{position:relative;padding:1.5rem}.subscription-modal-footer .btn[data-v-b839e562]{width:100%}.card-holder-name-field[data-v-b839e562]{position:relative;z-index:3}#card-holder-name[data-v-b839e562]{position:relative;z-index:4;pointer-events:auto}#card-holder-name[data-v-b839e562]::placeholder{color:#9ca3af!important;font-family:inherit;font-weight:inherit;opacity:1}.error[data-v-b839e562]{color:red}.success[data-v-b839e562]{color:green}body[data-ai-studio-theme=dark] .subscription-modal-container #card-holder-name{color:#f3f4f6!important}body[data-ai-studio-theme=dark] .subscription-modal-container #card-holder-name::placeholder{color:#9ca3af!important}.nav-link.active[data-v-cd17abfb]{background-color:#fff}.subscription-modal-canvas[data-v-cd17abfb]{display:flex;flex-direction:row;position:relative;padding:0;border-radius:1.5rem;width:100%;max-width:500px;background-color:#fff;overflow:hidden;.sub-left-banner[data-v-cd17abfb] {position: relative; display: flex; width: 30%; background-color: var(--coolGrey50);} .subscription-modal-container[data-v-cd17abfb] {position: relative; display: flex; flex-direction: column; align-content: center; justify-content: center; gap: 1rem; padding: 1rem; width: 100%; .subscription-modal-header[data-v-cd17abfb] {display: flex; justify-content: space-between; align-items: center; position: relative; .btn-close[data-v-cd17abfb] {position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; right: 0px; width: 24px; height: 24px; margin-bottom: auto; color: var(--bs-body-color); border-radius: 50%; background-color: var(--coolGrey50) !important; cursor: pointer; &[data-v-cd17abfb]:hover {color: rgba(255,158,244,1) ; background-color: var(--coolGrey100) !important;}}} .subscription-modal-header h3[data-v-cd17abfb] {font-size: 1.5rem; position: relative;} .subscription-modal-body[data-v-cd17abfb] {margin-right: 1rem; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem; .sub-tabs[data-v-cd17abfb] {position: relative; z-index: 2;} .price-box[data-v-cd17abfb] {width: 270px; margin-left: auto; margin-right: auto; .badge-save[data-v-cd17abfb] {position: absolute; display: flex; right: 60px; top: 0px; height: 50px; width: 50px; color: rgba(20,150,129,1); background-color: rgba(37,245,210,.6); border-radius: 50%;}} .subscription-modal-footer[data-v-cd17abfb] {position: relative; padding-top: 2rem; .btn[data-v-cd17abfb] {width: 100%;}}}}}.subscription-plan-panel[data-v-cd17abfb],.subscription-confirm-panel[data-v-cd17abfb]{width:100%}.sub-tabs .nav-link[data-v-cd17abfb]{border:0}.subscription-price-card[data-v-cd17abfb]{align-items:center;display:flex;justify-content:space-between;margin:0 auto 1rem;max-width:390px;overflow:hidden;padding:1.2rem 1.35rem;position:relative}.subscription-kicker[data-v-cd17abfb]{color:#64748b;font-size:.68rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.subscription-price[data-v-cd17abfb]{align-items:center;display:flex;flex-direction:row;font-size:2.35rem!important;letter-spacing:-.05em;padding-left:.65rem}.subscription-price-divider[data-v-cd17abfb]{color:#334155;display:flex;font-size:1rem;font-weight:500;margin-left:.35rem;margin-right:.45rem}.subscription-price-meta[data-v-cd17abfb]{color:#334155;display:flex;font-size:.78rem;font-weight:500;letter-spacing:0;line-height:1.16;width:6.5rem}.subscription-save-badge[data-v-cd17abfb]{align-items:center;background:linear-gradient(135deg,rgba(37,245,210,.95),rgba(45,201,173,.78));border:1px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 12px 22px #2dc9ad3d;color:#0f766e;display:flex;font-size:.72rem;font-weight:800;height:3.15rem;justify-content:center;line-height:1.05;text-align:center;text-transform:uppercase;width:3.15rem}.subscription-unlocks-card[data-v-cd17abfb]{padding:.75rem}.subscription-confirm-card[data-v-cd17abfb]{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.96));border:1px solid rgba(226,232,240,.95);border-radius:26px;box-shadow:inset 0 1px #ffffffe6,0 18px 44px #0f172a12;margin:0 auto;max-width:390px;padding:1.25rem}.subscription-confirm-title[data-v-cd17abfb]{color:#1e2a4a;font-size:1.02rem;font-weight:800;letter-spacing:-.02em}.subscription-confirm-copy[data-v-cd17abfb]{color:#64748b;font-size:.88rem;line-height:1.5}.subscription-total-list[data-v-cd17abfb]{background:rgba(241,245,249,.72);border:1px solid rgba(226,232,240,.92);border-radius:18px;display:flex;flex-direction:column;gap:.65rem;margin-top:1rem;padding:.9rem 1rem}.subscription-total-row[data-v-cd17abfb]{align-items:center;color:#334155;display:flex;font-size:.82rem;font-weight:600;justify-content:space-between}.subscription-total-row-strong[data-v-cd17abfb]{border-top:1px solid rgba(203,213,225,.95);color:#1e2a4a;font-size:.95rem;font-weight:800;margin-top:.15rem;padding-top:.7rem}.subscription-unlocks-header[data-v-cd17abfb]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.95rem}.subscription-unlocks-header h4[data-v-cd17abfb]{color:#1e2a4a;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.subscription-unlocks-icon[data-v-cd17abfb]{display:flex;align-items:center;justify-content:center;border:1px solid var(--coolGrey100);border-radius:.75rem;color:var(--bs-body-color);height:2.65rem;width:2.65rem}.subscription-unlocks-icon .material-symbols-outlined[data-v-cd17abfb]{font-size:1.35rem}.subscription-unlocks-grid[data-v-cd17abfb]{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-unlock-item[data-v-cd17abfb]{align-items:center;background:var(--coolGrey25);border:1px solid var(--coolGrey50);border-radius:.75rem;color:#27375f;display:flex;font-size:.78rem;font-weight:650;gap:.55rem;min-height:2.75rem;padding:.62rem .7rem}.subscription-check-icon[data-v-cd17abfb]{align-items:center;background:linear-gradient(135deg,rgba(var(--z-dark-200),1),0%,rgba(var(--z-dark-100),1) 100%);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;height:1.25rem;justify-content:center;width:1.25rem}.subscription-check-icon i[data-v-cd17abfb]{font-size:.65rem}@media (max-width: 575.98px){.subscription-price-card[data-v-cd17abfb],.subscription-unlocks-card[data-v-cd17abfb]{max-width:100%}.subscription-price-card[data-v-cd17abfb]{align-items:flex-start;flex-direction:column;gap:.9rem}.subscription-save-badge[data-v-cd17abfb]{height:auto;min-height:2.1rem;padding:.45rem .8rem;width:auto}.subscription-unlocks-grid[data-v-cd17abfb]{grid-template-columns:1fr}}body[data-ai-studio-theme=dark] .subscription-modal-canvas{background-color:#15191e!important;border:1px solid rgba(255,255,255,.12);color:#f3f4f6}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-modal-container{background-color:transparent;color:#f3f4f6}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-modal-header .btn-close{background-color:#292f36!important;color:#e5e7eb!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-modal-header img{filter:brightness(0) invert(1)}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-modal-body h3,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-modal-body h4,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-kicker,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-price-divider,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-price-meta,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-unlock-item,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-confirm-title,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-confirm-copy,body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-total-row{color:#e5e7eb!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .text-dark{color:#f3f4f6!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .text-gradient.text-dark{background-image:linear-gradient(310deg,#f8fafc 0%,#cbd5e1 100%)!important;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}body[data-ai-studio-theme=dark] .subscription-modal-canvas .sub-tabs .nav{background-color:#20252b!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .sub-tabs .nav-link{color:#cbd5e1!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .sub-tabs .nav-link.active{background-color:#343b45!important;color:#fff!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas hr{border-color:#ffffff24!important;opacity:1}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-unlock-item{background-color:#1c2229;border-color:#ffffff1f}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-unlocks-icon{border-color:#ffffff2e;color:#e5e7eb}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-confirm-card{background:linear-gradient(145deg,#1b2026,#171b20);border-color:#ffffff1f;box-shadow:0 18px 44px #0000003d}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-total-list{background:rgba(255,255,255,.05);border-color:#ffffff1f}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-total-row-strong{border-top-color:#ffffff29;color:#f8fafc!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .subscription-modal-footer .btn.bg-coolGrey50{background-color:#292f36!important;border:1px solid rgba(255,255,255,.12);color:#f3f4f6!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .form-control{background-color:#1b2026!important;border-color:#ffffff29!important;color:#f3f4f6!important}body[data-ai-studio-theme=dark] .subscription-modal-canvas .form-control::placeholder{color:#9ca3af!important}