.cpd-choose-plan-shell{--cpd-canvas:var(--cpd-main-fill,#fff);--cpd-hover:var(--cpd-panel-fill,#f2f2f2);--cpd-soft-2:#f7f7f7;--cpd-muted:#a8a9a9;--cpd-accent-btn-ring:#a7d373;box-sizing:border-box;width:max-content!important;max-width:min(calc(var(--cpd-main-w,692px) + var(--cpd-panel-w,380px)), calc(100vw - 32px))!important;max-height:min(90dvh,100dvh - 24px)!important;padding:0!important}.cpd-choose-plan-shell.is-add-card{background:var(--cpd-hover,#f2f2f2)}.cpd-choose-plan-dialog{border-radius:inherit;background:0 0;flex-direction:row;justify-content:flex-start;align-items:stretch;width:max-content;max-width:none;max-height:min(90dvh,100dvh - 24px);display:flex;position:relative;overflow:hidden}.cpd-choose-plan-dialog.is-menu-open{overflow:visible}.cpd-choose-plan-main{z-index:1;width:var(--cpd-main-w,692px);max-width:min(var(--cpd-main-w,692px), 100%);background:var(--cpd-canvas,#fff);border-radius:var(--cpd-radius,20px);flex-direction:column;flex-shrink:0;min-width:0;max-height:min(90dvh,100dvh - 24px);transition:none;display:flex;position:relative;overflow:hidden auto}.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-main{border-start-start-radius:var(--cpd-radius,20px);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--cpd-radius,20px)}.cpd-choose-plan-body{background:var(--cpd-canvas,#fff);border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--cpd-radius,20px);border-end-start-radius:var(--cpd-radius,20px);flex:none;min-width:0;transition:none;overflow:visible}.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-body{border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--cpd-radius,20px)}.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-main>header,.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-main>[data-slot=dialog-header],.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-main>.relative.shrink-0{border-start-start-radius:var(--cpd-radius,20px);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:0}.cpd-add-rail{opacity:1;background:var(--cpd-hover,#f2f2f2);width:0;min-width:0;transition:width var(--cpd-panel-exit,.28s) var(--cpd-ease-panel,cubic-bezier(.32, .72, 0, 1));border-start-start-radius:0;border-start-end-radius:var(--cpd-radius,20px);border-end-end-radius:var(--cpd-radius,20px);border-end-start-radius:0;flex-shrink:0;align-self:stretch;position:relative;overflow:hidden}.cpd-add-rail.is-open{width:var(--cpd-panel-w,380px);transition-duration:var(--cpd-panel-enter,.36s)}.cpd-add-rail:before{content:"";z-index:2;opacity:0;pointer-events:none;background:#00000014;width:1px;position:absolute;inset-block:0;inset-inline-start:0}.cpd-add-rail.is-open:before{opacity:1}.cpd-add-rail-clip{width:var(--cpd-panel-w,380px);flex-direction:column;height:100%;margin-inline-start:auto;display:flex}.cpd-add-card{z-index:0;width:var(--cpd-panel-w,380px);pointer-events:none;opacity:0;min-height:100%;filter:blur(var(--cpd-blur,1px));transition:opacity var(--cpd-content-exit,.14s) var(--cpd-ease-content,cubic-bezier(.25, .1, .25, 1)), filter var(--cpd-content-exit,.14s) var(--cpd-ease-content,cubic-bezier(.25, .1, .25, 1));transition-delay:var(--cpd-content-exit-delay,0s);flex-direction:column;flex:1 0;align-self:stretch;display:flex;position:relative}.cpd-add-rail.is-open .cpd-add-card{pointer-events:auto;opacity:1;filter:blur();transition:opacity var(--cpd-content-enter,.32s) var(--cpd-ease-content,cubic-bezier(.25, .1, .25, 1)), filter var(--cpd-content-enter,.32s) var(--cpd-ease-content,cubic-bezier(.25, .1, .25, 1));transition-delay:var(--cpd-content-enter-delay,50ms)}.cpd-add-card-inner{background:var(--cpd-hover,#f2f2f2);width:100%;max-width:480px;box-shadow:none;border-start-start-radius:0;border-start-end-radius:var(--cpd-radius,20px);border-end-end-radius:var(--cpd-radius,20px);border-end-start-radius:0;flex-direction:column;flex:1;align-items:flex-end;display:flex;overflow:hidden}.cpd-add-card-top{flex-direction:column;width:100%;display:flex}.cpd-add-card-header{flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:20px 16px 8px;display:flex}.cpd-add-card-title{color:var(--cpd-primary,#0e191d);white-space:nowrap;margin:0;font-size:16px;font-weight:500;line-height:24px}.cpd-add-card-subtitle{color:var(--cpd-secondary,#848787);margin:0;font-size:14px;font-weight:400;line-height:20px}.cpd-add-card-fields{flex-direction:column;gap:16px;width:100%;padding:8px 16px;display:flex}.cpd-field{flex-direction:column;flex:1;gap:8px;width:100%;min-width:0;display:flex}.cpd-field-row{align-items:flex-start;gap:16px;width:100%;display:flex}.cpd-field-label{color:var(--cpd-secondary,#848787);white-space:nowrap;font-size:14px;font-weight:500;line-height:20px}.cpd-field-input-shell{background:var(--cpd-canvas,#fff);border-radius:12px;align-items:center;width:100%;height:36px;padding:0 12px;transition:box-shadow .16s;display:flex;box-shadow:0 0 0 1px #0000001f,0 1px 2px -.5px #0000001a,0 2px 4px -1px #0000000f}.cpd-field-input-shell:focus-within{box-shadow:0 0 0 1px #0000002e,0 1px 2px -.5px #0000001a,0 2px 4px -1px #0000000f}.cpd-field-input-shell .StripeElement{width:100%}.cpd-info{background:var(--cpd-canvas,#fff);border-radius:12px;align-items:flex-start;gap:8px;width:100%;padding:8px 10px;display:flex}.cpd-info p{min-width:0;color:var(--cpd-secondary,#848787);flex:1;margin:0;font-size:12px;font-weight:400;line-height:16px}.cpd-add-card-actions{justify-content:flex-end;align-items:center;gap:12px;width:100%;height:52px;margin-top:auto;padding:0 16px;display:flex}.cpd-add-card-error{background:#feebee;border-radius:12px;align-items:flex-start;gap:8px;width:100%;padding:8px 10px;display:flex}.cpd-add-card-error p{color:#641723;flex:1;min-width:0;margin:0;font-size:12px;font-weight:400;line-height:16px}@media (prefers-reduced-motion:reduce){.cpd-add-rail,.cpd-add-rail.is-open,.cpd-add-card,.cpd-add-rail.is-open .cpd-add-card{transition-duration:.01ms!important;transition-delay:0s!important}.cpd-add-card{filter:none}}@media (max-width:980px){.cpd-choose-plan-shell{width:min(var(--cpd-shell-w,692px), calc(100vw - 32px))!important;max-width:min(var(--cpd-shell-w,692px), calc(100vw - 32px))!important}.cpd-choose-plan-dialog{flex-direction:column;width:100%;max-height:min(90dvh,100dvh - 24px);overflow:hidden auto}.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-main{border-radius:var(--cpd-radius,20px) var(--cpd-radius,20px) 0 0;width:100%;max-width:100%}.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-body{border-radius:0}.cpd-choose-plan-dialog .cpd-add-rail,.cpd-choose-plan-dialog .cpd-add-rail.is-open{border-radius:0 0 var(--cpd-radius,20px) var(--cpd-radius,20px);opacity:1;height:auto;transition:grid-template-rows var(--cpd-panel-exit,.28s) var(--cpd-ease-panel,cubic-bezier(.32, .72, 0, 1));grid-template-rows:0fr;grid-template-columns:minmax(0,1fr);align-self:stretch;justify-items:stretch;display:grid;width:100%!important;min-width:100%!important;max-width:none!important}.cpd-choose-plan-dialog .cpd-add-rail.is-open{transition-duration:var(--cpd-panel-enter,.36s);grid-template-rows:1fr}.cpd-choose-plan-dialog .cpd-add-rail-clip,.cpd-choose-plan-dialog .cpd-add-card{min-width:0;margin-inline-start:0;width:100%!important;max-width:none!important}.cpd-choose-plan-dialog .cpd-add-rail-clip{height:100%;min-height:0;overflow:hidden}.cpd-choose-plan-dialog .cpd-add-card{min-height:0}.cpd-choose-plan-dialog .cpd-add-card-inner{border-radius:0 0 var(--cpd-radius,20px) var(--cpd-radius,20px);align-items:stretch;width:100%!important;max-width:none!important}.cpd-choose-plan-dialog .cpd-add-rail:before{width:auto;height:1px;inset-block:0 auto;inset-inline:0}}@media (max-width:1023px){.cpd-choose-plan-shell{width:min(var(--cpd-shell-w,692px), calc(100vw - 32px))!important;max-width:min(var(--cpd-shell-w,692px), calc(100vw - 32px))!important}.cpd-choose-plan-main{width:100%;max-width:100%}}@media (max-width:767px){.cpd-choose-plan-shell{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}.cpd-choose-plan-dialog{max-height:min(90dvh,100dvh - 24px)}.cpd-choose-plan-main{border-radius:var(--cpd-radius,20px);width:100%}.cpd-choose-plan-dialog.is-add-card .cpd-choose-plan-main{border-radius:var(--cpd-radius,20px) var(--cpd-radius,20px) 0 0}.cpd-add-rail,.cpd-add-card-inner{border-radius:0 0 var(--cpd-radius,20px) var(--cpd-radius,20px)}.cpd-field-row{flex-direction:column;gap:16px}.cpd-add-card-title{white-space:normal}}