.wsp{--stage:#1d4ed8;isolation:isolate;aspect-ratio:3/2;background:var(--stage);background:linear-gradient(172deg, color-mix(in oklab, var(--stage) 84%, white) 0%, var(--stage) 52%, color-mix(in oklab, var(--stage) 82%, black) 100%);border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #0000000f;container-type:inline-size}.wsp:before{content:"";z-index:-1;pointer-events:none;background:#ffffff29;position:absolute;inset:0;-webkit-mask:url(/depth-lines.svg) 70% 60%/cover no-repeat;mask:url(/depth-lines.svg) 70% 60%/cover no-repeat}.wsp.is-shopify{--stage:#059669}.wsp.is-plan{--stage:#7c3aed}.wsp.is-domain{--stage:#0891b2}.wsp.is-whop{--stage:#d97706}.wsp.is-test{--stage:#db2777}.wsp.is-live{--stage:#1d4ed8}.wsp-win{--u:calc(100cqw / 340);top:50%;right:calc(var(--u) * 28);left:calc(var(--u) * 28);align-content:start;gap:calc(var(--u) * 12);padding:calc(var(--u) * 16);border-radius:calc(var(--u) * 12);background:var(--wd-surface);box-shadow:0 0 0 1px #040d2414, 0 calc(var(--u) * 18) calc(var(--u) * 38) calc(var(--u) * -12) #040d248c;color:var(--wd-text);font-size:calc(var(--u) * 12.5);letter-spacing:0;grid-template-columns:minmax(0,1fr);line-height:1.4;display:grid;position:absolute;transform:translateY(-50%)}.wsp-win.is-screen{top:calc(var(--u) * 30);right:calc(var(--u) * -6);bottom:calc(var(--u) * -6);border-radius:calc(var(--u) * 12) 0 0 0;gap:0;padding:0;transform:none}.wsp-ico{width:calc(var(--u) * var(--s,12));height:calc(var(--u) * var(--s,12));flex:none}.wsp .wi-logo{--wi-s:calc(var(--u) * 32)}.wsp-head{align-items:center;gap:calc(var(--u) * 10);min-width:0;display:flex}.wsp-id{gap:calc(var(--u) * 1);flex:1;min-width:0;display:grid}.wsp-name{min-width:0;font-size:calc(var(--u) * 13.5);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.wsp-sub{color:var(--wd-muted);font-size:calc(var(--u) * 11.5);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wsp-state{align-items:center;gap:calc(var(--u) * 5);color:var(--wd-muted);font-size:calc(var(--u) * 11.5);white-space:nowrap;font-weight:500;display:flex}.wsp-state:before{content:"";box-sizing:border-box;width:calc(var(--u) * 7);height:calc(var(--u) * 7);border:calc(var(--u) * 1.5) solid var(--wd-faint);border-radius:50%}.wsp-state.is-good{color:var(--wd-good)}.wsp-state.is-good:before{background:var(--wd-good-solid,#29845a);border:0}.wsp-sub.is-mono,.wsp-field.is-mono{font-family:var(--wd-font-mono,ui-monospace, monospace);font-size:calc(var(--u) * 11)}.wsp-pill{align-items:center;gap:calc(var(--u) * 5);height:calc(var(--u) * 20);padding:0 calc(var(--u) * 8);background:var(--wd-neutral-bg);color:var(--wd-text-2);font-size:calc(var(--u) * 11);white-space:nowrap;border-radius:999px;flex:none;font-weight:600;display:inline-flex}.wsp-pill:before{content:"";width:calc(var(--u) * 5);height:calc(var(--u) * 5);opacity:.55;background:currentColor;border-radius:50%}.wsp-pill.is-good{background:var(--wd-good-bg);color:var(--wd-good)}.wsp-pill.is-good:before{opacity:1}.wsp-field{height:calc(var(--u) * 30);padding:0 calc(var(--u) * 10);border:1px solid var(--wd-border);border-radius:calc(var(--u) * 8);background:var(--wd-surface-2);color:var(--wd-text-2);font-size:calc(var(--u) * 12);white-space:nowrap;align-items:center;display:flex;overflow:hidden}.wsp-field>span{text-overflow:ellipsis;overflow:hidden}.wsp-rule{height:1px;margin:0 calc(var(--u) * -16);background:var(--wd-border-subtle)}.wsp-lines{gap:calc(var(--u) * 9);display:grid}.wsp-line{align-items:center;gap:calc(var(--u) * 8);min-width:0;color:var(--wd-text-2);font-size:calc(var(--u) * 12);white-space:nowrap;display:flex}.wsp-line>b{color:var(--wd-text);margin-left:auto;font-weight:500}.wsp-tick{box-sizing:border-box;width:calc(var(--u) * 16);height:calc(var(--u) * 16);border:calc(var(--u) * 1.5) solid var(--wd-border-strong);border-radius:50%;flex:none;place-items:center;display:grid}.wsp-tick.is-on{background:var(--wd-good-solid,#29845a);color:#fff;border-color:#0000}.wsp-tile,.wsp-mark{width:calc(var(--u) * 32);height:calc(var(--u) * 32);flex:none;place-items:center;display:grid}.wsp-tile{border-radius:calc(var(--u) * 8);background:var(--wd-neutral-bg);color:var(--wd-text-2)}.wsp-mark>svg{width:100%;height:100%}.wsp-foot{color:var(--wd-muted);font-size:calc(var(--u) * 11);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wsp-plans{gap:calc(var(--u) * 10);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wsp-plan{gap:calc(var(--u) * 2);padding:calc(var(--u) * 12);border:1px solid var(--wd-border);border-radius:calc(var(--u) * 10);white-space:nowrap;display:grid}.wsp-plan.is-mine{border-color:var(--wd-accent);box-shadow:0 0 0 1px var(--wd-accent)}.wsp-plan-name{min-height:calc(var(--u) * 16);color:var(--wd-text-2);font-size:calc(var(--u) * 12);justify-content:space-between;align-items:center;font-weight:600;display:flex}.wsp-plan-price{margin-bottom:calc(var(--u) * 4);font-size:calc(var(--u) * 22);letter-spacing:-.02em;font-weight:650;line-height:1.2}.wsp-plan-price>small{margin-left:calc(var(--u) * 2);color:var(--wd-muted);font-size:calc(var(--u) * 11.5);letter-spacing:0;font-weight:500}.wsp-plan-fee{color:var(--wd-text-2);font-size:calc(var(--u) * 11.5)}.wsp-plan-stores{color:var(--wd-muted);font-size:calc(var(--u) * 11.5)}.wsp-bar{align-items:center;gap:calc(var(--u) * 12);height:calc(var(--u) * 38);padding:0 calc(var(--u) * 14);border-bottom:1px solid var(--wd-border-subtle);display:flex}.wsp-dots{gap:calc(var(--u) * 5);flex:none;display:flex}.wsp-dots>i{width:calc(var(--u) * 7);height:calc(var(--u) * 7);background:var(--wd-border-strong);border-radius:50%}.wsp-url{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 22);padding:0 calc(var(--u) * 10);background:var(--wd-sunken);color:var(--wd-text);font-family:var(--wd-font-mono,ui-monospace, monospace);font-size:calc(var(--u) * 11);white-space:nowrap;border-radius:999px;flex:1;display:flex;overflow:hidden}.wsp-url>svg{color:var(--wd-muted)}.wsp-url.is-good>svg{color:var(--wd-good)}.wsp-page{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 118);min-height:calc(var(--u) * 170);display:grid}.wsp-form{align-content:start;gap:calc(var(--u) * 7);padding:calc(var(--u) * 14) calc(var(--u) * 14) 0 calc(var(--u) * 16);display:grid}.wsp-brand{margin-bottom:calc(var(--u) * 2);font-size:calc(var(--u) * 13);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.wsp-label{color:var(--wd-text-2);font-size:calc(var(--u) * 10.5);font-weight:600}.wsp-input{height:calc(var(--u) * 22);border:1px solid var(--wd-control-border);border-radius:calc(var(--u) * 6);background:var(--wd-surface);display:block}.wsp-input-row{gap:calc(var(--u) * 6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.wsp-summary{align-content:start;gap:calc(var(--u) * 10);padding:calc(var(--u) * 16) calc(var(--u) * 14);border-left:1px solid var(--wd-border-subtle);background:var(--wd-surface-2);display:grid}.wsp-item{align-items:center;gap:calc(var(--u) * 8);display:flex}.wsp-item>i{width:calc(var(--u) * 26);height:calc(var(--u) * 26);border:1px solid var(--wd-border);border-radius:calc(var(--u) * 6);background:var(--wd-sunken);flex:none}.wsp-item>span,.wsp-total>span:last-child{height:calc(var(--u) * 6);background:var(--wd-border-strong);border-radius:999px}.wsp-item>span{width:calc(var(--u) * 46)}.wsp-item:nth-child(2)>span{width:calc(var(--u) * 34)}.wsp-total{padding-top:calc(var(--u) * 10);border-top:1px solid var(--wd-border);font-size:calc(var(--u) * 11.5);justify-content:space-between;align-items:center;font-weight:600;display:flex}.wsp-total>span:last-child{width:calc(var(--u) * 30)}.wsp-switch{width:calc(var(--u) * 38);height:calc(var(--u) * 22);background:var(--wd-border-strong);border-radius:999px;flex:none;position:relative}.wsp-switch:after{content:"";top:calc(var(--u) * 2);left:calc(var(--u) * 2);width:calc(var(--u) * 18);height:calc(var(--u) * 18);background:#fff;border-radius:50%;position:absolute;box-shadow:0 1px 2px #0a0f1e40}.wsp-switch.is-on{background:var(--wd-good-solid,#29845a)}.wsp-switch.is-on:after{left:calc(var(--u) * 18)}.wsp-way{padding:calc(var(--u) * 2) calc(var(--u) * 8) 0;justify-content:space-between;align-items:flex-start;display:flex}.wsp-stop{justify-items:center;gap:calc(var(--u) * 6);width:calc(var(--u) * 56);color:var(--wd-text-2);font-size:calc(var(--u) * 11.5);white-space:nowrap;flex:none;font-weight:500;display:grid}.wsp-stop .wi-logo{--wi-s:calc(var(--u) * 34)}.wsp-stop-tile{width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 9.2);background:var(--wd-neutral-bg);color:var(--wd-text-2);place-items:center;display:grid}.wsp-stop-tile>svg:not(.wsp-ico){width:100%;height:100%}.wsp-stop.is-whale:not(.is-on) .wsp-stop-tile{border:calc(var(--u) * 1.5) dashed var(--wd-border-strong);color:var(--wd-faint);background:0 0}.wsp-stop.is-whale:not(.is-on) .wsp-stop-tile>svg{width:64%;height:64%}.wsp-stop.is-whale.is-on{color:var(--wd-text);font-weight:600}.wsp-link{height:0;margin:calc(var(--u) * 17) calc(var(--u) * -4) 0;border-top:calc(var(--u) * 1.5) dashed var(--wd-border-strong);flex:1}