.jp-customer{--border:30 10% 75%;--input:30 10% 75%;--customer-edge:color-mix(in srgb, var(--y-wood) 40%, transparent);--customer-panel:var(--y-paper);--customer-raised:#e5e9e5;color:hsl(var(--foreground));font-variant-numeric:tabular-nums}.dark .jp-customer{--border:25 8% 25%;--input:25 8% 30%;--customer-panel:var(--y-board);--customer-raised:#242725}.jp-customer>:where(.min-h-screen),.jp-customer>.jp-customer-body{background:0 0}.jp-customer :where(h1,h2,[data-slot=card-title]){font-family:var(--y-hand);text-wrap:balance;font-weight:500;line-height:1.3}.jp-customer h1{letter-spacing:-.035em;font-size:clamp(1.75rem,3.2vw,2.75rem)}.jp-customer .gradient-text{color:hsl(var(--foreground));-webkit-text-fill-color:currentColor;background:0 0}.jp-customer :where([data-slot=card],[role=tabpanel]>.bg-card){border-color:var(--customer-edge);background-color:var(--customer-panel);box-shadow:2px 3px 0 color-mix(in srgb, var(--y-wood) 22%, transparent);border-radius:14px 18px 13px 16px}.jp-customer :where([data-slot=card-title]){font-size:1.35rem}.jp-customer :where([data-slot=card].gradient-card,[data-slot=card].glass-morphism){-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none}.jp-customer :where(input:not([type=checkbox]):not([type=radio]),textarea,[role=combobox]):not(.jp-nav-header *,.lc-site-footer *){border-color:hsl(var(--input));background-color:color-mix(in srgb, var(--customer-panel) 80%, var(--customer-raised));min-height:44px;color:hsl(var(--foreground));border-radius:8px}.jp-customer :where([data-slot=card],[role=tabpanel],.jp-customer-body) :where(button:not([role=checkbox]):not([role=switch]):not([role=radio]),a.inline-flex){white-space:normal;min-height:44px}:is(.jp-customer :where(button,a,input,textarea,[tabindex]):focus-visible,.jp-payment-ticket :where(button,a,input):focus-visible,.jp-payment-home:focus-visible){outline:2px solid hsl(var(--primary));outline-offset:4px}.jp-customer [role=tablist]{border:1px solid var(--customer-edge);background:var(--customer-raised);border-radius:12px;flex-wrap:wrap;gap:4px;width:100%;max-width:100%;height:auto;padding:6px;display:flex}.jp-customer [role=tab]{width:auto;min-height:44px;color:hsl(var(--muted-foreground));border-radius:7px;flex:auto;padding:8px 12px}.jp-customer [role=tab][data-state=active]{background:var(--customer-panel);color:hsl(var(--foreground));box-shadow:inset 0 -3px 0 var(--y-orange), 0 1px 3px #0000001a}.jp-customer [role=tabpanel]{min-width:0;padding-top:8px}.jp-customer fieldset{min-width:0}.jp-customer .jp-auth-page{background:0 0;flex-direction:column;align-items:center;padding-block:24px 48px;display:flex}.jp-customer .jp-auth-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(960px,100%);margin-bottom:40px;display:flex}.jp-customer .auth-card{border:2px solid var(--customer-edge);background:var(--customer-panel);box-shadow:3px 4px 0 color-mix(in srgb, var(--y-wood) 35%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:14px 18px 13px 16px}.jp-customer .auth-card:before{display:none}.jp-customer .jp-dashboard-welcome,.jp-customer main>.jp-dashboard-welcome{border:2px solid var(--customer-edge);background:var(--customer-panel);width:100%;box-shadow:3px 4px 0 color-mix(in srgb, var(--y-wood) 35%, transparent);border-radius:14px 18px 13px 16px;margin:0;padding:clamp(20px,3vw,32px);position:relative}.jp-customer .jp-dashboard-welcome:before{content:"";background:var(--y-yellow);width:56px;height:16px;position:absolute;top:-9px;right:28px;transform:rotate(3deg)}.jp-customer .jp-dashboard-welcome h1{margin-bottom:12px}.jp-customer .jp-dashboard-welcome a{min-height:44px}.jp-customer .jp-dashboard-welcome>div>p:first-child{color:hsl(var(--muted-foreground));font-family:var(--y-mono);font-size:11px}.jp-customer .jp-dashboard-activity{gap:0}.jp-customer .jp-dashboard-activity>[role=listitem]{border:0;border-right:1px solid var(--customer-edge);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0}.jp-customer .jp-dashboard-activity>[role=listitem]:last-child{border-right:0}.jp-customer .jp-dashboard-activity p:first-child{white-space:normal}.jp-customer .jp-dashboard-activity [data-activity] p:last-child{color:#14723a}.jp-customer .jp-dashboard-activity [data-activity=action] p:last-child{color:#8b5c0a}.dark .jp-customer .jp-dashboard-activity [data-activity] p:last-child{color:#60d695}.dark .jp-customer .jp-dashboard-activity [data-activity=action] p:last-child{color:var(--y-yellow)}:where(.jp-payment-ticket,.jp-checkout .tu-orderstatus){--status-success-ink:#14723a;--status-caution-ink:#8b5c0a;--status-danger-ink:#ad3030}.dark :where(.jp-payment-ticket,.jp-checkout .tu-orderstatus){--status-success-ink:#60d695;--status-caution-ink:#f0c66b;--status-danger-ink:#ff9b9b}:is(.jp-payment-ticket,.jp-checkout .tu-orderstatus) :where([data-step-status=done],[data-step-status=active]) :where(span,svg),:is(.jp-payment-ticket,.jp-checkout .tu-orderstatus) :where([data-payment-icon=processing],[data-payment-icon=success]) svg{color:var(--status-success-ink)}:is(.jp-payment-ticket,.jp-checkout .tu-orderstatus) [data-step-status=warn] :where(span,svg),:is(.jp-payment-ticket,.jp-checkout .tu-orderstatus) :where([data-payment-icon=hold],[data-payment-icon=expired]) svg{color:var(--status-caution-ink)}:is(.jp-payment-ticket,.jp-checkout .tu-orderstatus) [data-step-status=fail] :where(span,svg),:is(.jp-payment-ticket,.jp-checkout .tu-orderstatus) :where([data-payment-icon=blocked],[data-payment-icon=error]) svg{color:var(--status-danger-ink)}.jp-checkout .tu-orderstatus [class*=text-muted-foreground\/]{color:var(--tu-muted)}.jp-payment-shell{width:min(960px,100%);margin-inline:auto;padding:48px 24px 64px}.jp-payment-home{min-height:44px;color:var(--tu-muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.jp-payment-home:hover{color:var(--tu-text)}.jp-payment-ticket,.jp-checkout .jp-payment-shell main>.jp-payment-ticket{border:2px solid var(--tu-edge);background:var(--tu-surface);width:min(560px,100%);color:var(--tu-text);box-shadow:4px 5px 0 var(--tu-edge);border-radius:14px 18px 13px 16px;margin:clamp(32px,7vh,72px) auto 0;padding:clamp(24px,4vw,40px);position:relative}.jp-payment-ticket:before{content:"";background:var(--y-yellow,#f0c66b);width:64px;height:20px;position:absolute;top:-11px;left:calc(50% - 32px);transform:rotate(-2deg)}.jp-payment-ticket h1,.jp-payment-ticket [data-slot=card-title],.jp-checkout .tu-orderstatus h1{font-family:var(--y-hand);text-wrap:balance;font-size:clamp(1.65rem,3vw,2.1rem);font-weight:500;line-height:1.3}.jp-payment-ticket :where(button,a.inline-flex){white-space:normal;min-height:44px}.jp-payment-ticket .jp-flow-error{background:0 0;min-height:0;padding:0}.jp-payment-ticket .jp-flow-error>[data-slot=card]{box-shadow:none;background:0 0;border:0}.jp-payment-ticket .jp-flow-error :where([data-slot=card-header],[data-slot=card-content]){padding-inline:0}.jp-payment-ticket [class*=text-muted-foreground\/]{color:var(--tu-muted)}.jp-payment-ticket .jp-payment-steps{gap:0}.jp-payment-ticket>div>div:last-child{border-top:1px dashed var(--tu-edge-2);padding-top:24px}.jp-checkout .tu-orderstatus .tu-paygrid--single{grid-template-columns:minmax(0,1fr)}.jp-checkout .tu-orderstatus .tu-paygrid--single>.tu-ppan{width:100%;max-width:760px;margin-inline:auto}@media (max-width:600px){.jp-customer .jp-customer-body{padding-top:8px}.jp-customer [data-slot=card-header]{padding:20px}.jp-customer [data-slot=card-content]{padding:0 20px 20px}.jp-customer [data-slot=card-content]:first-child{padding-top:20px}.jp-customer [role=tab]{flex-basis:calc(50% - 4px)}.jp-customer .auth-card>div{padding-inline:20px}.jp-customer .jp-dashboard-activity{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.jp-customer .jp-dashboard-activity>[role=listitem]:nth-child(2n){border-right:0}.jp-payment-shell{padding:40px 16px}.jp-payment-shell .tu-paybrand{flex-wrap:wrap;gap:16px}.jp-payment-ticket,.jp-checkout .jp-payment-shell main>.jp-payment-ticket{margin-top:28px;padding:28px 16px 24px}.jp-payment-ticket .jp-payment-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.jp-payment-ticket .jp-payment-steps [role=listitem]{min-width:0}.jp-payment-ticket .jp-payment-steps span{overflow-wrap:anywhere;width:100%}.jp-payment-ticket .jp-payment-steps>.h-px{display:none}}@media (prefers-reduced-motion:reduce){:where(.jp-customer,.jp-payment-ticket) *,:where(.jp-customer,.jp-payment-ticket) :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.jp-customer .customer-case-progress,.jp-customer .customer-activation-control,.jp-customer .activation-screenshot-composer{border-color:var(--customer-edge);background:var(--customer-panel);box-shadow:none;border-radius:12px}.jp-customer .customer-case-progress>div+div{border-top:1px solid var(--customer-edge)}.jp-customer .customer-case-progress [data-state=reply_required]{border-left:3px solid hsl(var(--primary))}.jp-customer .customer-case-progress [data-state=completed]>p:first-child,.jp-customer .customer-case-progress a{color:hsl(var(--primary))}.jp-customer .customer-activation-control button[aria-pressed=true]{border-color:hsl(var(--primary));background:hsl(var(--primary) / .09);color:hsl(var(--foreground))}.jp-customer .activation-screenshot-composer h2{font-family:inherit;font-size:1rem;font-weight:600}.jp-customer .activation-screenshot-composer input[type=file]{width:100%;min-width:0;height:auto;padding:10px;font-size:12px}.jp-customer .activation-screenshot-composer canvas,.jp-customer .activation-screenshot-composer img{margin-inline:auto}