html.framed .hd{display:none}html.framed body{padding:12px 12px 20px;background:transparent}html.framed .card{border-radius:12px}:root{--bg:#f4f6f7;--card:#ffffff;--ink:#222222;--muted:#5f6b72;--line:#dfe5e8;--accent:#346c86;--accent-ink:#ffffff;--soft:#e8f0f4;--ok:#1f7a4d;--display:Helvetica,Arial,sans-serif;--body:Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);padding-inline:16px;padding-block:28px;line-height:1.45}.wrap{max-width:1120px;margin:0 auto}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,5vw,42px);line-height:1.05;margin:6px 0 8px;text-wrap:balance}.lead-p{color:var(--muted);max-width:56ch;margin:0 0 22px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1.8fr 1fr;overflow:hidden}.col{padding:24px;min-width:0}.col+.col{border-left:1px solid var(--line);background:var(--soft)}@media(max-width:760px){.card{grid-template-columns:1fr}.col+.col{border-left:0;border-top:1px solid var(--line)}}.step{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.step label,.step .lbl{font-weight:700;font-size:14px;display:flex;justify-content:space-between;gap:8px}.step .val{font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}input[type=text]{width:100%;font:inherit;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}input[type=text]:focus-visible,.seg input:focus-visible+span,input[type=range]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input[type=range]{width:100%;accent-color:var(--accent)}.combo{position:relative}#breedList{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:10;margin:0;padding:4px;list-style:none;max-height:260px;overflow-y:auto;background:var(--card);border:1.5px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #0000002e}#breedList li{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;border-radius:7px;cursor:pointer;font-size:14.5px}#breedList li.act,#breedList li:hover{background:var(--soft)}#breedList li mark{background:none;color:var(--accent);font-weight:700}#breedList .tag{font-size:11px;color:var(--muted);align-self:center}#breedList .none{color:var(--muted);cursor:default}.think{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;min-height:22px;margin:-6px 0 14px;color:var(--accent)}.think[hidden]{display:none}.think .dots{display:inline-flex;gap:4px}.think .dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:tb .9s infinite ease-in-out}.think .dots i:nth-child(2){animation-delay:.15s}.think .dots i:nth-child(3){animation-delay:.3s}@keyframes tb{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.col.out .res{transition:opacity .35s;position:relative}.col.out.busy .res{opacity:.6}.col.out.busy:after{content:"";position:absolute}.res .big{transition:transform .35s}.res .big.pop{animation:pop .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes pop{0%{transform:translateY(8px) scale(.94);opacity:0}to{transform:none;opacity:1}}input[type=range].live{filter:drop-shadow(0 0 6px var(--accent))}.sweep{position:relative;overflow:hidden}.sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,rgba(52,108,134,.2) 50%,transparent 70%);transform:translate(-100%);animation:sw 1.1s ease-in-out}@keyframes sw{to{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.caret:after{content:"";display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:bl .6s steps(1) infinite}@keyframes bl{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.res.enter>*{animation:none}.think .dots i,.res .big.pop,.sweep:after{animation:none}.col.out.busy .res{filter:none}}.gbar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:8px 0 4px}.gbar i{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.grow{font-size:13px;margin:10px 0 14px;padding:10px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line)}.grow[hidden]{display:none}.seg.ico span{align-items:center;gap:4px;padding:10px 6px}.seg.ico svg{width:100%;max-width:110px;height:44px;color:var(--muted);transition:color .3s}.seg.ico svg.age{width:auto;max-width:none;height:auto}.seg.ico label>span:has(>svg.age){justify-content:flex-end}.seg input:checked+span svg{color:var(--accent)}.hrow{display:flex;align-items:flex-end;gap:14px}.hrow input{flex:1;margin-bottom:6px}#person{width:100%;height:auto}.fine{border-top:1px solid var(--line);padding-top:12px}.fine summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--muted);margin-bottom:10px}.fine label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin:10px 0 4px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.chips span{font-size:12px;font-weight:700;background:var(--soft);padding:4px 9px;border-radius:99px}.chips em{font-style:normal;font-weight:400;color:var(--muted)}.sh{display:flex;gap:12px;align-items:center;margin-bottom:12px}.sh h2{font-size:16px;margin:0;line-height:1.2}.sh p{margin:2px 0 0;font-size:13px;color:var(--muted)}.n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-size:16px}.art{display:block;max-width:100%}.seg.ico span{padding:10px 8px 12px;gap:2px;justify-content:flex-end}.seg.ico .art{height:96px;width:100%;object-fit:contain;object-position:center bottom;margin-bottom:6px}.seg.ico b{font-size:14px}.seg.ico small{font-size:11.5px;min-height:1.3em}.hrow{display:grid;grid-template-columns:minmax(0,170px) 1fr;gap:16px;align-items:end}.hs{background:var(--bg);border-radius:12px;padding:12px 14px 6px}.hl{display:flex;justify-content:space-between;font-weight:700;font-size:14px;margin-bottom:4px}.ticks{position:relative;height:30px;margin:2px 6px 0}.ticks i{position:absolute;top:0;width:1px;height:8px;background:var(--muted);opacity:.6}.ticks em{position:absolute;top:10px;left:50%;transform:translate(-50%);font-style:normal;font-size:11px;color:var(--muted)}.step{margin-bottom:26px}.col:first-child{--gap:0}@media(max-width:600px){.seg.ico{grid-template-columns:1fr}.seg.ico label>span{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:8px 12px;flex-wrap:wrap}.seg.ico .art{width:46%;height:70px;margin:0;object-position:center}.seg.ico b,.seg.ico small{display:block}.seg.ico label>span>b{flex:1 1 40%}.hrow{grid-template-columns:1fr}.hrow .art{max-width:200px;margin:0 auto}}.wprog,.wnav,#summary{display:none}.wb{font:inherit;font-weight:700;font-size:15px;border:0;border-radius:12px;padding:13px 20px;background:var(--accent);color:var(--accent-ink);cursor:pointer;flex:1}.wb.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);flex:0 0 auto}.wb:disabled{opacity:.4;cursor:default}.wb:focus-visible,.sum button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sum{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.sum button{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid var(--line);background:var(--card);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer;width:100%}.sum .k{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;display:block}.sum .v{font-weight:700;font-size:14.5px;display:block}.sum .t{flex:1;min-width:0}.sum .ed{color:var(--accent);font-size:13px;font-weight:700}@media(max-width:700px){.wprog{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.wdots{display:flex;gap:6px}.wdots i{width:22px;height:5px;border-radius:9px;background:var(--line);transition:background .3s,width .3s}.wdots i.on{background:var(--accent)}.wdots i.cur{width:34px}.col:first-child .step,.col:first-child .fine{display:none;margin-bottom:18px}.col:first-child .step.cur,.col:first-child .fine.cur{display:block;animation:sIn .38s cubic-bezier(.2,.8,.2,1)}.col:first-child .step.cur.back{animation-name:sBack}.wnav{display:flex;gap:10px;margin-top:6px}html[data-view=result] .col:first-child,html[data-view=form] .col.out{display:none}html[data-view=result] #summary{display:block}}@keyframes sIn{0%{opacity:0;transform:translate(44px)}to{opacity:1;transform:none}}@keyframes sBack{0%{opacity:0;transform:translate(-44px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.col:first-child .step.cur,.col:first-child .fine.cur{animation:none}}#summary .res-h{margin-bottom:10px}.grow{margin-top:14px}#collarMeta,#leadMeta,#widthMeta,#leadTip{display:none}.i{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:7px;padding:0;border-radius:50%;border:1.5px solid var(--muted);background:transparent;color:var(--muted);font:700 11px/1 var(--body);font-style:italic;cursor:help;vertical-align:1px;letter-spacing:0;text-transform:none;transition:color .2s,border-color .2s,background .2s}.i:hover,.i:focus-visible,.i.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.i:focus-visible{outline:3px solid var(--accent);outline-offset:2px}#tip{position:fixed;z-index:50;max-width:min(270px,calc(100vw - 24px));padding:10px 12px;border-radius:10px;background:var(--ink);color:var(--bg);font-size:13px;line-height:1.4;box-shadow:0 8px 24px #00000038;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;pointer-events:none}#tip.show{opacity:1;transform:none}.rec{margin:0 0 16px}.rec small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.rec b{display:block;font-size:24px;line-height:1.15;margin-top:2px}#emptyMsg{display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:var(--muted);padding:40px 0;font-weight:700;line-height:1.4}#emptyMsg p{margin:0}#emptyMsg svg{color:var(--accent);opacity:.5}.col.out.empty #emptyMsg{display:flex}.col.out.empty .res,.col.out.empty .rec,.col.out.empty .think{display:none}#breedList .tag{white-space:nowrap}.hint{font-size:12.5px;color:var(--muted);margin:0}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seg label{display:block;cursor:pointer}.seg input{position:absolute;opacity:0}.seg span{display:flex;flex-direction:column;gap:2px;padding:10px;border:1.5px solid var(--line);border-radius:10px;text-align:center;font-weight:700;font-size:14px;height:100%}.seg small{font-weight:400;color:var(--muted);font-size:11.5px}.seg input:checked+span{border-color:var(--accent);background:var(--soft)}.seg input:checked+span small{color:var(--ink)}.res-h{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 6px}.big{font-family:var(--display);font-weight:700;font-size:clamp(34px,6vw,48px);line-height:1;margin:0 0 4px}.big small{font-family:var(--body);font-size:15px;font-weight:500;color:var(--muted);margin-left:6px}.res{margin-bottom:24px}.meta{font-size:13.5px;color:var(--muted);margin:0 0 12px;max-width:44ch}.scale{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0;position:relative}.scale .t{border:1.5px solid var(--line);border-radius:8px;padding:8px 4px;text-align:center;font-size:13px;font-weight:700;background:var(--card);color:var(--muted);transition:color .35s,border-color .35s}.scale .t>span{position:relative;z-index:2;display:block}.scale .pill{grid-area:1/1/-1/-1;margin:0;position:absolute;top:0;bottom:0;left:0;width:0;border-radius:8px;background:var(--accent);z-index:1;pointer-events:none;transition:left .55s cubic-bezier(.3,.9,.25,1),width .55s cubic-bezier(.3,.9,.25,1)}.scale .t.on{border-color:transparent;color:var(--accent-ink)}.scale .t.alt{border-color:var(--accent);color:var(--ink)}.btn{display:inline-block;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:700;font-size:14px;padding:11px 16px;border-radius:10px}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tip{font-size:13px;border-left:3px solid var(--accent);padding-left:10px;margin:0 0 12px}.note{margin-top:16px;font-size:12px;color:var(--muted)}.pill{display:inline-block;font-size:11px;font-weight:700;background:var(--ok);color:var(--bg);padding:2px 8px;border-radius:99px;vertical-align:middle;margin-left:6px}
/*# sourceMappingURL=/cdn/shop/t/57/assets/pf-finder.css.map */