snb-dog-breed-identifier{--ink:var(--dt-ink,#19365B);--cream:var(--dt-surface,#FDF7EE);--acc:var(--dt-accent,#EE7F23);--acc-ink:#9A4A0B;--peach:var(--dt-peach,#FED4BE);--lav:var(--dt-lavender,#E6E3FA);--sky:var(--dt-sky,#EDF6FC);--muted:#4A5F7D;--ease:cubic-bezier(.16,1,.3,1);display:block;color:var(--ink);font-family:var(--FONT-STACK-BODY,"DM Sans",system-ui,sans-serif);contain:layout style}snb-dog-breed-identifier *{box-sizing:border-box}.bi{background:var(--cream);border:2px solid var(--ink);border-radius:28px;padding:clamp(18px,4vw,40px);min-height:420px;display:flex;flex-direction:column;gap:16px;justify-content:center;position:relative}.bi p{margin:0;line-height:1.55;max-width:62ch}.bi h2,.bi h3{font-family:var(--FONT-STACK-HEADING,"Recoleta",Georgia,serif);color:var(--ink);margin:0;text-wrap:balance}.bi h2:focus,.bi h3:focus{outline:none}.bi h2:focus-visible,.bi h3:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.bi a{color:var(--ink)}.bi-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.bi-ic{width:18px;height:18px;flex:none;margin-top:2px}.bi-name{display:grid;gap:6px;max-width:320px;font-size:.9375rem;font-weight:600}.bi-name input{font:inherit;font-weight:400;height:48px;padding:0 16px;border:2px solid rgba(25,54,91,.35);border-radius:14px;background:#fff;color:var(--ink)}.bi-name input:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-color:var(--ink)}.bi-drop{display:grid;justify-items:center;text-align:center;gap:8px;padding:clamp(24px,5vw,44px) 20px;border:2px dashed rgba(25,54,91,.45);border-radius:22px;background:#fff;transition:background-color .2s,border-color .2s,transform .2s var(--ease);-webkit-tap-highlight-color:transparent}.bi-drop:hover,.bi-drop.is-over{background:var(--sky);border-color:var(--ink)}.bi-drop.is-over{transform:scale(1.01)}.bi-drop__ic{width:56px;height:56px;color:var(--ink)}.bi-drop__t{font-family:var(--FONT-STACK-HEADING,"Recoleta",Georgia,serif);font-size:clamp(1.375rem,3.6vw,1.75rem);line-height:1.15}.bi-drop__s{color:var(--muted);font-size:.9375rem}.bi-drop__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.bi-drop__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;font-size:1.0625rem;cursor:pointer}.bi-drop__btn[hidden]{display:none}.bi-drop__btn svg{width:22px;height:22px;flex:none}.bi-drop__btn input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;font-size:0}.bi-drop__btn:focus-within{outline:3px solid var(--acc);outline-offset:3px}.bi-fine{font-size:.875rem;color:var(--muted);display:flex;gap:8px;align-items:flex-start}.bi-fine--xs{font-size:.8125rem}.bi-fine a{color:inherit}.bi-status{min-height:1.4em;font-weight:600;color:var(--acc-ink)}.bi-status:empty{min-height:0}.bi-snap{margin:0;justify-self:center;width:min(78vw,280px);background:#fff;padding:10px 10px 34px;border-radius:6px;box-shadow:0 18px 32px -18px #19365b8c,0 1px #19365b1f;transform:rotate(-2.5deg)}.bi-snap img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;background:var(--sky)}.bi-snap--sm{width:120px;padding:6px 6px 18px;transform:rotate(-3deg)}.bi-snap.is-busy{position:relative;overflow:hidden}.bi-snap.is-busy:after{content:"";position:absolute;inset:10px 10px 34px;background:linear-gradient(180deg,transparent 0,rgba(238,127,35,0) 40%,rgba(238,127,35,.35) 50%,rgba(238,127,35,0) 60%,transparent 100%);background-size:100% 220%;animation:bi-scan 2.2s var(--ease) infinite}@keyframes bi-scan{0%{background-position:0 100%}to{background-position:0 -120%}}.bi-busy{display:grid;gap:18px}.bi-card{display:grid;gap:18px;align-items:start}.bi-card>div{display:grid;gap:12px}.bi-card__t{font-size:clamp(1.375rem,3.8vw,1.875rem);line-height:1.15}@media(min-width:600px){.bi-card{grid-template-columns:auto 1fr;gap:28px}}.bi-link{font:600 .9375rem/1.2 inherit;background:none;border:0;padding:12px 4px;min-height:44px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:start}.bi-link:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:4px}.bi-res{display:grid;gap:clamp(20px,4vw,40px);align-items:start}@media(min-width:760px){.bi-res{grid-template-columns:minmax(220px,300px) 1fr}.bi-res .bi-snap{position:sticky;top:96px}}.bi-res__body{display:grid;gap:14px;min-width:0}.bi .bi-res__h:focus{outline:none;box-shadow:none}.bi-res__h{font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.05;letter-spacing:-.01em}.bi-res__l{display:block;white-space:nowrap}.bi-res__h{min-width:0}.bi-res__h.is-wrap .bi-res__l{white-space:normal;text-wrap:balance}.bi-res__sub{color:var(--muted)}.bi-mix{display:flex;height:22px;border-radius:999px;overflow:hidden;background:var(--lav);margin-top:6px}.bi-mix__seg{flex:0 0 var(--w);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease)}.bi-mix__seg+.bi-mix__seg{box-shadow:inset 2px 0 #fff}.bi-res.is-in .bi-mix__seg{transform:scaleX(1)}.bi-res.is-in .bi-mix__seg:nth-child(2){transition-delay:.12s}.bi-res.is-in .bi-mix__seg:nth-child(3){transition-delay:.24s}.bi-res.is-in .bi-mix__seg:nth-child(4){transition-delay:.36s}.bi .s1{--c:var(--acc)}.bi .s2{--c:var(--ink)}.bi .s3{--c:var(--peach)}.bi .s0{--c:#C9C3EE}.bi-mix__seg{background:var(--c)}.bi-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}.bi-legend li{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;font-size:1rem}.bi-legend li:first-child{font-weight:700}.bi-legend i{width:14px;height:14px;border-radius:4px;background:var(--c);box-shadow:inset 0 0 0 1px #19365b33}.bi-legend b{font-variant-numeric:tabular-nums}.bi-next{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.bi-chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:#fff;border:1.5px solid rgba(25,54,91,.3);font-weight:600;font-size:.9375rem;text-decoration:none;transition:background-color .2s,border-color .2s}.bi-chip:hover{background:var(--sky);border-color:var(--ink)}.bi .bi-chip--sets{background:var(--ink);border-color:var(--ink);color:#fff}.bi .bi-chip--sets:hover{background:var(--acc);border-color:var(--acc);color:var(--ink)}.bi-chip:focus-visible{outline:3px solid var(--acc);outline-offset:2px}.bi-size{display:grid;gap:10px;padding:16px 18px;border-radius:18px;background:var(--peach);margin-top:6px}.bi-size p{font-family:var(--FONT-STACK-HEADING,"Recoleta",Georgia,serif);font-size:1.125rem;line-height:1.3}.bi-size .dt-btn{justify-self:start}@media(min-width:600px){.bi-size{grid-template-columns:1fr auto;align-items:center}}.bi-share:empty{display:none}.bi .bi-share canvas{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){snb-dog-breed-identifier *{animation:none!important;transition:none!important}.bi-mix__seg{transform:none}}@media(max-width:520px){.bi .dt-actions{flex-direction:column;align-items:stretch}.bi .dt-actions .dt-btn{width:100%}}