.tdpq{--tdpq-ink:var(--dt-ink,#19365B);--tdpq-bg:var(--dt-surface,#FDF7EE);--tdpq-line:var(--dt-line,rgba(25,54,91,.16));--tdpq-soft:var(--dt-ink-soft,#3d5675);--tdpq-tint:var(--dt-sky,#EDF6FC);color:var(--tdpq-ink);padding-block:var(--dt-space-5,24px)}.tdpq__wrap{display:grid;gap:var(--dt-space-6,32px)}.tdpq__card{background:var(--tdpq-bg);border:1px solid var(--tdpq-line);border-radius:var(--dt-radius-md,14px);box-shadow:var(--dt-shadow-card,0 2px 10px rgba(25,54,91,.08));padding:var(--dt-space-5,24px) var(--dt-space-4,16px);max-width:40rem;width:100%;margin-inline:auto}.tdpq__h{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tdpq__sub{margin:0 0 var(--dt-space-5,24px);color:var(--tdpq-soft)}.tdpq__nojs{margin:0}.tdpq__skeleton{display:grid;gap:10px}.tdpq__skeleton span{display:block;height:52px;border-radius:var(--dt-radius-sm,8px);background:var(--tdpq-tint)}.tdpq__skeleton span:first-child{height:24px;width:60%}snb-dog-personality-quiz:defined .tdpq__skeleton,snb-dog-personality-quiz[data-snb-ready] .tdpq__skeleton{display:none}.dpq{min-height:24rem}snb-dog-personality-quiz [data-snb-mount]{min-height:24rem}.dpq__step{display:grid;gap:var(--dt-space-4,16px);animation:dpq-in var(--dt-dur-2,.22s) var(--dt-ease,cubic-bezier(.16,1,.3,1))}.dpq__progress{display:grid;gap:var(--dt-space-2,8px)}.dpq__count{margin:0;font-size:var(--dt-text-sm,.875rem);color:var(--tdpq-soft);font-variant-numeric:tabular-nums}.dpq__bar{position:relative;height:6px;border-radius:999px;background:var(--tdpq-line);overflow:hidden}.dpq__bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tdpq-ink);border-radius:inherit;transform-origin:left;transform:scaleX(var(--dpq-p,0));transition:transform var(--dt-dur-2,.22s) var(--dt-ease,ease-out)}.dpq__options{border:0;margin:0;padding:0;min-width:0;display:grid;gap:var(--dt-space-2,8px)}.dpq__prompt{font-family:var(--dt-font-display,inherit);font-size:var(--dt-text-lg,1.375rem);line-height:1.2;font-weight:700;padding:0;margin-bottom:var(--dt-space-3,12px);text-wrap:balance}.dpq__prompt:focus{outline:none}.dpq input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.dpq__options label{display:flex;align-items:center;min-height:52px;padding:10px var(--dt-space-4,16px);border:1px solid var(--tdpq-line);border-radius:var(--dt-radius-sm,8px);background:#fff;cursor:pointer;font-weight:600;line-height:1.3;transition:background-color var(--dt-dur-1,.15s) var(--dt-ease,ease-out),color var(--dt-dur-1,.15s) var(--dt-ease,ease-out),border-color var(--dt-dur-1,.15s) var(--dt-ease,ease-out),transform var(--dt-dur-1,.15s) var(--dt-ease,ease-out)}.dpq__options label:hover{border-color:var(--tdpq-ink)}.dpq__options label:active{transform:scale(.99)}.dpq input[type=radio]:checked+label{background:var(--tdpq-ink);border-color:var(--tdpq-ink);color:#fff}.dpq input[type=radio]:focus-visible+label,.dpq a:focus-visible,.dpq button:focus-visible{outline:var(--dt-focus-width,3px) solid var(--dt-focus,#EE7F23);outline-offset:2px}.dpq__nav{display:flex;justify-content:space-between;gap:var(--dt-space-3,12px);min-height:var(--dt-size-target,44px)}.dpq__nav .dpq__skip{margin-left:auto;min-width:var(--dt-size-target,44px);justify-content:center}.dpq .link{min-height:var(--dt-size-target,44px);background:none;border:0;padding:0 var(--dt-space-1,4px);font:inherit;color:var(--tdpq-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dpq__result{display:grid;gap:var(--dt-space-3,12px);animation:dpq-in var(--dt-dur-3,.32s) var(--dt-ease,cubic-bezier(.16,1,.3,1))}.dpq__result p{margin:0}.dpq__name{font-family:var(--dt-font-display,inherit);font-size:var(--dt-text-value,2.25rem);line-height:1.05;margin:0;text-wrap:balance}.dpq__name:focus{outline:none}.dpq__kicker{display:block;font-family:var(--dt-font-body,inherit);font-size:var(--dt-text-sm,.875rem);font-weight:600;letter-spacing:.02em;color:var(--tdpq-soft);margin-bottom:var(--dt-space-1,4px)}.dpq__tagline{font-size:1.125rem;font-weight:600}.dpq__streak{color:var(--tdpq-soft);font-style:italic}.dpq__prints{list-style:none;margin:0;padding:0;display:grid;gap:var(--dt-space-2,8px)}.dpq__print{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 var(--dt-space-3,12px);padding:var(--dt-space-2,8px) var(--dt-space-3,12px);border:1px solid var(--tdpq-line);border-radius:var(--dt-radius-sm,8px);background:#fff}.dpq__print--top{border-color:var(--tdpq-ink);border-width:2px}.dpq__print.has-photo{grid-template-columns:112px 1fr;column-gap:var(--dt-space-4,16px)}.dpq__print.has-photo .dpq__rank,.dpq__print.has-photo>a,.dpq__print.has-photo .dpq__suits{grid-column:2}@media(max-width:479px){.dpq__print.has-photo{grid-template-columns:88px 1fr;column-gap:var(--dt-space-3,12px)}.dpq__topphoto{grid-row:1/span 2}.dpq__print.has-photo .dpq__suits{grid-column:1/-1;margin-top:var(--dt-space-2,8px)}}.dpq__print.has-photo .dpq__rank{align-self:end}.dpq__print.has-photo>a{align-self:start}.dpq__topphoto{grid-row:1/span 3;align-self:start;margin:0;display:grid;gap:2px}.dpq__topphoto img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--dt-radius-sm,8px);background:var(--tdpq-tint)}.dpq__topphoto figcaption{font-size:var(--dt-text-xs,.75rem);line-height:1.25;color:var(--tdpq-soft)}.dpq__rank{grid-column:1/-1;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tdpq-ink)}.dpq__suits{grid-column:1/-1;margin:2px 0 0;font-size:var(--dt-text-sm,.875rem);line-height:1.4;color:var(--tdpq-soft);text-wrap:pretty}.dpq__traits,.dpq__palette{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--dt-space-2,8px)}.dpq__traits li{padding:4px var(--dt-space-3,12px);border-radius:999px;background:var(--tdpq-tint);font-size:var(--dt-text-sm,.875rem);font-weight:600}.dpq__facts{display:grid;grid-template-columns:auto 1fr;gap:var(--dt-space-2,8px) var(--dt-space-4,16px);margin:var(--dt-space-2,8px) 0 0}.dpq__facts dt{font-weight:700}.dpq__facts dd{margin:0}.dpq__style,.dpq__tip{display:grid;gap:var(--dt-space-2,8px);padding:var(--dt-space-4,16px);border-radius:var(--dt-radius-md,14px);background:var(--tdpq-tint)}.dpq__style h3{font-family:var(--dt-font-display,inherit);font-size:var(--dt-text-lg,1.25rem);margin:0}.dpq__vibe{font-weight:600}.dpq__palette li{padding:2px var(--dt-space-3,12px);border:1px solid var(--tdpq-line);border-radius:999px;background:#fff;font-size:var(--dt-text-sm,.875rem)}.dpq__label{font-size:var(--dt-text-sm,.875rem);font-weight:700;color:var(--tdpq-soft)}.dpq__print a{display:inline-flex;align-items:center;min-height:var(--dt-size-target,44px);color:var(--tdpq-ink);font-weight:700;font-size:1.0625rem;text-underline-offset:3px}.dpq__print a:hover{text-decoration-thickness:2px}.dpq__coat{font-size:var(--dt-text-sm,.9375rem)}.dpq__share{margin-top:var(--dt-space-4,16px);scroll-margin-top:calc(var(--header-height,72px) + 1rem)}.dpq__share:focus{outline:none}.dpq__share-jump{justify-self:start;gap:.5em;min-height:44px}.dpq__share-jump:after{content:"\2193";content:"\2193"/"";font-size:.95em}.has-doodle .dpq__share-jump{justify-self:center}.dpq__qphoto{margin:0;display:grid;justify-items:center;gap:var(--dt-space-1,4px)}.dpq__qphoto img{display:block;height:clamp(150px,26vh,240px);width:auto;max-width:100%;object-fit:contain;border-radius:var(--dt-radius-md,14px);background:var(--tdpq-tint)}.dpq__qphoto figcaption{font-size:var(--dt-text-xs,.75rem);color:var(--tdpq-soft)}@media(max-width:599px){.tdpq{padding-top:var(--dt-space-2,8px)}.tdpq__card{display:flex;flex-direction:column;padding-top:var(--dt-space-4,16px)}.tdpq .tdpq__sub{order:1;margin:0;font-size:.9375rem;line-height:1.45}.tdpq__card snb-dog-personality-quiz .dpq__nav:empty{display:none}.tdpq__card>.dt-disc{order:2}.dpq__step{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--dt-space-4,16px);row-gap:var(--dt-space-3,12px)}.dpq__step>*{grid-column:1/-1}.dpq__step>.dpq__progress{grid-column:1;grid-row:1;align-self:center}.dpq__step>.dpq__qphoto{grid-column:2;grid-row:1}.dpq__step:not(:has(.dpq__qphoto))>.dpq__progress{grid-column:1/-1}.dpq__qphoto img{height:96px;max-width:120px}}.dpq__reel{margin:var(--dt-space-2,8px) 0 0;display:grid;gap:var(--dt-space-2,8px)}.dpq__actions+.dpq__reel{margin-top:var(--dt-space-5,24px);padding-top:var(--dt-space-5,24px);border-top:1px solid color-mix(in srgb,var(--tdpq-soft) 22%,transparent)}.dpq__reel-stage{position:relative;height:clamp(240px,62vw,360px);border-radius:var(--dt-radius-md,14px);background:var(--tdpq-tint);overflow:hidden}.dpq__reel-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .9s var(--dt-ease,ease-out)}.dpq__reel-stage img.is-on{opacity:1;animation:dpq-fit 4s var(--dt-ease,ease-out) both}.dpq__reel.is-paused img{animation-play-state:paused}@keyframes dpq-fit{0%{transform:scale(.92)}to{transform:scale(1)}}.dpq__reel figcaption{display:flex;justify-content:space-between;align-items:center;gap:var(--dt-space-3,12px);font-size:var(--dt-text-sm,.875rem);color:var(--tdpq-soft)}@media(prefers-reduced-motion:reduce){.dpq__reel-stage img{transition:opacity .01s}.dpq__reel-stage img.is-on{animation:none}}.dpq__invite{display:grid;gap:var(--dt-space-3,12px);justify-items:center;text-align:center;padding:var(--dt-space-4,16px);border-radius:var(--dt-radius-md,14px);background:var(--tdpq-tint);scroll-margin-top:calc(var(--header-height,72px) + 1rem)}.dpq__invite-note{font-weight:600;color:var(--tdpq-ink);text-wrap:balance}.dpq__go{display:inline-flex;align-items:center;justify-content:center;min-height:var(--dt-size-target,44px);width:100%;max-width:22rem}.dpq__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dt-space-3,12px);margin-top:var(--dt-space-2,8px)}.dpq__actions .button{display:inline-flex;align-items:center;min-height:var(--dt-size-target,44px)}@keyframes dpq-in{0%{opacity:.3;transform:translateY(6px)}}@media(min-width:750px){.tdpq__card{padding:var(--dt-space-6,32px)}.dpq__options{grid-template-columns:repeat(4,1fr)}.dpq__options legend{grid-column:1/-1}.dpq__options label{grid-column:span 2}.dpq__options label:last-of-type:nth-of-type(odd){grid-column:2/span 2}}.tdpq-ssr{max-width:56rem;width:100%;margin-inline:auto}.tdpq-ssr h2{font-family:var(--dt-font-display,inherit);margin:var(--dt-space-6,32px) 0 var(--dt-space-4,16px)}.tdpq-types{display:grid;gap:var(--dt-space-4,16px)}.tdpq-type{padding:var(--dt-space-4,16px) var(--dt-space-5,20px);border:1px solid var(--tdpq-line);border-radius:var(--dt-radius-md,14px);background:#fff}.tdpq-type:target{border-color:var(--tdpq-ink);box-shadow:0 0 0 2px var(--tdpq-ink)}.tdpq-type h3{font-family:var(--dt-font-display,inherit);font-size:var(--dt-text-lg,1.25rem);margin:0 0 var(--dt-space-1,4px)}.tdpq-type h3 a{color:inherit;text-underline-offset:3px}.tdpq-type p{margin:var(--dt-space-2,8px) 0 0;max-width:65ch}.tdpq-tagline{font-weight:600}.tdpq-traits{font-size:var(--dt-text-sm,.875rem);color:var(--tdpq-soft)}.tdpq-questions{margin-top:var(--dt-space-5,24px)}.tdpq-questions summary{cursor:pointer;font-weight:700;min-height:var(--dt-size-target,44px);display:flex;align-items:center}.tdpq-questions ol{padding-left:1.25rem;display:grid;gap:var(--dt-space-3,12px)}.tdpq-q{font-weight:600;margin:0}.tdpq-questions ul{margin:var(--dt-space-1,4px) 0 0;padding-left:1.1rem;color:var(--tdpq-soft)}@media(min-width:750px){.tdpq-types{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.dpq__step,.dpq__result{animation:none}.dpq__bar:after,.dpq__options label{transition:none}}.tdpq-page__head,.tdpq-page__body{max-width:44rem;width:100%;margin-inline:auto}.tdpq-page__body{display:grid;gap:var(--dt-space-4,16px)}.tdpq-page__body p{margin:0;max-width:65ch}.tdpq-page__kicker{margin:var(--dt-space-3,12px) 0 var(--dt-space-1,4px);font-size:var(--dt-text-sm,.875rem);font-weight:600;letter-spacing:.02em;color:var(--tdpq-soft)}.tdpq-page__h1{font-family:var(--dt-font-display,inherit);font-size:clamp(2.25rem,7vw,3.5rem);line-height:1.05;margin:0;text-wrap:balance}.tdpq-page__tagline{margin:var(--dt-space-2,8px) 0 0;font-size:1.25rem;font-weight:600}.tdpq-page__intro{font-size:1.125rem}.tdpq-page h2{font-family:var(--dt-font-display,inherit);font-size:var(--dt-text-lg,1.375rem);margin:var(--dt-space-3,12px) 0 0}.tdpq-page .dpq__style h2{margin:0}.tdpq-page__cta{display:grid;justify-items:start;gap:var(--dt-space-3,12px);padding:var(--dt-space-5,24px);border:1px solid var(--tdpq-line);border-radius:var(--dt-radius-md,14px);background:var(--tdpq-bg)}.tdpq-page__cta .button{display:inline-flex;align-items:center;min-height:var(--dt-size-target,44px)}.tdpq-page__others ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--dt-space-2,8px)}.tdpq-page__others a{font-weight:700;color:var(--tdpq-ink);text-underline-offset:3px;display:inline-flex;align-items:center;min-height:var(--dt-size-target,44px)}.tdpq-page__others span{color:var(--tdpq-soft)}.tdpq-page a:focus-visible{outline:var(--dt-focus-width,3px) solid var(--dt-focus,#EE7F23);outline-offset:2px}.dpq__doodle,.tdpq-type__doodle,.tdpq-page__doodle,.tdpq-page__mini{--dd-a:#FBE7D9;--dd-b:#E6E3FA;display:block;aspect-ratio:1;height:auto;object-fit:contain;box-sizing:border-box;border-radius:28px;background:radial-gradient(58% 52% at 38% 44%,var(--dd-b) 97%,transparent 100%),radial-gradient(34% 32% at 74% 72%,var(--dd-b) 97%,transparent 100%),var(--dd-a)}[src*=dpq-doodle-social-butterfly]{--dd-a:#FDF0C7;--dd-b:#F9D9C8}[src*=dpq-doodle-weekend-explorer]{--dd-a:#DDF0EA;--dd-b:#FCE7B5}[src*=dpq-doodle-zoomies-champion]{--dd-a:#E6E3FA;--dd-b:#FCE3B0}[src*=dpq-doodle-clever-cookie]{--dd-a:#FCEBC0;--dd-b:#D9ECF8}[src*=dpq-doodle-cuddle-connoisseur]{--dd-a:#FBE3DA;--dd-b:#FFF4E0}[src*=dpq-doodle-window-philosopher]{--dd-a:#DCEEF9;--dd-b:#EAE6FB}[src*=dpq-doodle-main-character]{--dd-a:#EAE6FB;--dd-b:#FBD9CF}[src*=dpq-doodle-snack-strategist]{--dd-a:#DDF0EA;--dd-b:#FDE9BE}.dpq__doodle{width:clamp(156px,46vw,200px);padding:10px;justify-self:center;margin-bottom:calc(var(--dt-space-1,4px)*-1);animation:dpq-pop .5s var(--dt-ease,cubic-bezier(.16,1,.3,1)) both}.has-doodle .dpq__name{text-align:center}.has-doodle>.dpq__tagline{text-align:center}@keyframes dpq-pop{0%{opacity:0;transform:scale(.92) rotate(-3deg)}to{opacity:1;transform:none}}.tdpq-type__doodle{width:96px;padding:6px;border-radius:20px;float:right;margin:0 0 var(--dt-space-2,8px) var(--dt-space-3,12px)}.tdpq-type:after{content:"";display:block;clear:both}.tdpq-page__doodle{width:clamp(168px,48vw,240px);padding:12px;margin:var(--dt-space-3,12px) 0 var(--dt-space-2,8px)}.tdpq-page__others li{display:flex;align-items:center;gap:var(--dt-space-3,12px);flex-wrap:wrap}.tdpq-page__mini{width:56px;padding:4px;border-radius:14px;flex:none}.dpq__print{position:relative}.dpq__print-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.dpq__print:has(.dpq__print-link:hover){border-color:var(--tdpq-ink)}.dpq__reel-link{color:inherit;font-weight:700;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.dpq__doodle{animation:none}}.dpq__hero{display:grid;gap:var(--dt-space-3,12px);justify-items:start;padding:var(--dt-space-4,16px);border-radius:var(--dt-radius-md,14px);background:var(--dt-peach,#FED4BE)}.dpq__hero .dpq__label{margin:0}@media(max-width:520px){.dpq__hero-cta{width:100%;justify-content:center}}.dpq__alts{border-top:1px solid var(--tdpq-line);padding-top:var(--dt-space-2,8px)}.dpq__alts>summary{cursor:pointer;font-weight:700;min-height:var(--dt-size-target,44px);display:flex;align-items:center;gap:var(--dt-space-2,8px);color:var(--tdpq-ink);text-underline-offset:3px;list-style:none}.dpq__alts>summary::-webkit-details-marker{display:none}.dpq__alts>summary:after{content:"";flex:none;width:.5em;height:.5em;margin-left:auto;margin-right:.3em;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-25%) rotate(45deg);transition:transform var(--dt-dur-1,.15s) ease}.dpq__alts[open]>summary:after{transform:translateY(25%) rotate(-135deg)}@media(hover:hover){.dpq__alts>summary:hover{text-decoration:underline}}@media(prefers-reduced-motion:reduce){.dpq__alts>summary:after{transition:none}}.dpq__alts>.dpq__prints{margin-top:var(--dt-space-2,8px)}.dpq__alt-name{grid-column:1/-1;font-weight:700;font-size:1.0625rem;color:var(--tdpq-ink)}.dpq__print .dpq__alt-cta{grid-column:1/-1;justify-self:start;margin-top:var(--dt-space-2,8px);font-size:var(--dt-text-sm,.875rem);font-weight:600;text-decoration:none}.dpq__print.has-photo .dpq__alt-name,.dpq__print.has-photo .dpq__alt-cta{grid-column:2}@media(max-width:479px){.dpq__print.has-photo .dpq__alt-cta{grid-column:1/-1}}.tdpq[data-dpq-step=mid] .dt-disc,.tdpq[data-dpq-step=mid] .tdpq__sub,.tdpq[data-dpq-step=result] .tdpq__sub{display:none}.tdpq .dt-disc{justify-content:center;margin-top:var(--dt-space-4,16px);padding:0;background:none;font-size:.8125rem;text-align:center;color:var(--tdpq-soft)}.tdpq .dt-disc svg{display:none}.dpq__more{margin:var(--dt-space-2,8px) 0 var(--dt-space-4,16px)}.dpq__more>summary,.tdpq-type__more>summary{cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:3px}.dpq__more .dpq__facts{margin-top:var(--dt-space-3,12px)}.dpq__hero{margin-top:var(--dt-space-3,12px);padding:0;background:none}.dpq__tip{padding:0;background:none}.tdpq .dt-share__follow{display:none}.tdpq-type__more{margin-top:var(--dt-space-2,8px)}.tdpq-type__more>summary{font-size:.9375rem}.dt-method__sources>summary{cursor:pointer}.dt-method__sources>summary h3{display:inline}@media(min-width:1024px){.dpq__step>.dpq__qphoto{align-self:center}}.tdpq{--dpq-paw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='16.2' rx='5.4' ry='4.5'/%3E%3Cellipse cx='5.2' cy='10.2' rx='2.2' ry='2.9'/%3E%3Cellipse cx='9.4' cy='5.6' rx='2.3' ry='3'/%3E%3Cellipse cx='14.6' cy='5.6' rx='2.3' ry='3'/%3E%3Cellipse cx='18.8' cy='10.2' rx='2.2' ry='2.9'/%3E%3C/svg%3E");--dpq-or:#EE7F23;--dpq-lav:#E6E3FA;--dpq-cream:#FDF7EE}.dpq__bar{display:flex;align-items:center;gap:4px;height:auto;min-height:24px;padding:2px 2px 0;border-radius:0;background:none;overflow:visible}.dpq__bar:after{display:none}.dpq__bar i{flex:1 1 0;min-width:0;max-width:20px;aspect-ratio:1;background:var(--tdpq-line);-webkit-mask:var(--dpq-paw) center/contain no-repeat;mask:var(--dpq-paw) center/contain no-repeat;transform:rotate(90deg) translate(var(--zz,-3px));transition:background-color .2s,transform .25s var(--dt-ease,cubic-bezier(.16,1,.3,1))}.dpq__bar i:nth-child(2n){--zz:3px}.dpq__bar i.is-bonus{max-width:15px;opacity:.75}.dpq__bar i.is-done{background:var(--tdpq-ink)}.dpq__bar i.is-now{background:var(--dpq-or);transform:rotate(90deg) translate(var(--zz,-3px)) scale(1.35);animation:dpq-step .35s var(--dt-ease,cubic-bezier(.16,1,.3,1))}@keyframes dpq-step{0%{transform:rotate(90deg) translate(var(--zz,-3px)) scale(.4);opacity:0}}.dpq__options label{position:relative;padding-left:56px;min-height:60px;border-width:2px;border-radius:14px;box-shadow:0 3px #19365b24;transition:transform .15s,box-shadow .15s,opacity .2s,background-color .15s,color .15s,border-color .15s}.dpq__k{position:absolute;left:14px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;display:grid;place-items:center;font-size:.8125rem;font-weight:700;line-height:1;background:var(--dpq-cream);border:1.5px solid rgba(25,54,91,.25);color:var(--tdpq-ink)}.dpq input[type=radio]:checked+label{transform:translateY(2px) rotate(-.6deg);box-shadow:0 1px #19365b4d;transition:transform .15s,box-shadow .15s,opacity .2s}.dpq input[type=radio]:checked+label .dpq__k{color:transparent;background:var(--dpq-or);border-color:var(--dpq-or)}.dpq input[type=radio]:checked+label .dpq__k:after{content:"";width:18px;height:18px;background:#fff;-webkit-mask:var(--dpq-paw) center/contain no-repeat;mask:var(--dpq-paw) center/contain no-repeat}.dpq__k--ic{left:12px;width:32px;height:32px;margin-top:-16px;border:0;background:var(--dpq-lav)}.dpq__ic{display:block;width:24px;height:24px;fill:none;stroke:#7a482e;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;transition:rotate .2s var(--dt-ease,cubic-bezier(.16,1,.3,1))}.dpq__ic-f{fill:#f7e6cf}.dpq__ic-a{stroke:var(--dpq-or)}.dpq__options label:hover .dpq__ic{rotate:-8deg}.dpq input[type=radio]:checked+label .dpq__ic{display:none}.dpq__pick{position:absolute;right:12px;top:-13px;padding:3px 10px;border-radius:999px;background:var(--dpq-or);color:var(--tdpq-ink);font:700 .875rem/1.2 var(--dt-font-display,inherit);rotate:3deg;pointer-events:none;animation:dpq-pick .28s var(--dt-ease,cubic-bezier(.16,1,.3,1)) both}@keyframes dpq-pick{0%{opacity:0;transform:translateY(6px) scale(.6)}}.dpq__step.is-picked input[type=radio]:not(:checked)+label{opacity:.5}.dpq__step.is-skipped input[type=radio]+label{opacity:.5}.dpq__step.is-skipped .dpq__skip{animation:dpq-tap .28s var(--dt-ease,cubic-bezier(.16,1,.3,1)) both}@keyframes dpq-tap{40%{transform:scale(.9)}}@media(min-width:750px){.dpq__options label{align-items:flex-start;padding:44px 14px 12px}.dpq__k{top:12px;margin-top:0}.dpq__k--ic{top:10px}}.dpq[data-dir=fwd] .dpq__step{animation-name:dpq-fwd}.dpq[data-dir=back] .dpq__step{animation-name:dpq-back}@keyframes dpq-fwd{0%{opacity:0;transform:translate(24px)}}@keyframes dpq-back{0%{opacity:0;transform:translate(-24px)}}.dpq{position:relative}.dpq__reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;justify-items:center;align-content:start;gap:18px;padding:var(--dt-space-6,32px) 0;background:var(--tdpq-bg);text-align:center;cursor:pointer;animation:dpq-in .15s var(--dt-ease,cubic-bezier(.16,1,.3,1));transition:opacity .45s cubic-bezier(.33,1,.68,1)}.dpq__reveal.is-out{opacity:0;pointer-events:none}.dpq__result.is-revealed{animation:none;transition:opacity .45s cubic-bezier(.33,1,.68,1),transform .45s cubic-bezier(.33,1,.68,1)}.dpq__result.is-veiled{opacity:0;transform:translateY(10px)}.dpq__result.is-veiled .dpq__snap,.dpq__result.is-veiled .dpq__snap>*{animation:none}.dpq__reveal:focus{outline:none}.dpq__reveal-h{margin:0;font:700 1.75rem/1.1 var(--dt-font-display,inherit);color:var(--tdpq-ink);text-wrap:balance}.dpq__reveal-reel{position:relative;width:220px;height:220px;border-radius:50%;background:var(--dpq-lav);overflow:hidden;box-shadow:inset 0 0 0 6px #fff,0 0 0 2px var(--tdpq-ink)}.dpq__reveal-strip{position:absolute;left:15px;top:0;width:190px;transform:translateY(calc((var(--n,1) - 1) * -220px));animation:dpq-spin .45s cubic-bezier(.3,.1,.2,1) both}.dpq__reveal-strip img{display:block;width:190px;height:190px;margin:15px 0;object-fit:contain}@keyframes dpq-spin{0%{transform:translateY(110px);filter:blur(3px)}70%{filter:blur(1.5px)}to{transform:translateY(calc((var(--n,1) - 1) * -220px));filter:none}}.dpq__reveal .dpq__bar{justify-content:center;width:min(260px,100%)}.dpq__reveal-line{margin:0;color:var(--tdpq-soft);font-size:.9375rem;text-wrap:balance}.dpq__result{overflow-x:clip}.dpq__snap{position:relative;justify-self:center;width:min(240px,66vw);margin:var(--dt-space-2,8px) 0 var(--dt-space-1,4px);padding:10px 10px 28px;background:#fff;border-radius:6px;box-shadow:0 10px 24px #19365b2e;rotate:-3deg;animation:dpq-pop .5s var(--dt-ease,cubic-bezier(.16,1,.3,1)) both}.dpq__snap .dpq__doodle{width:100%;margin:0;border-radius:3px;animation:none}.dpq__stamp{position:absolute;right:-26px;top:16px;rotate:14deg;padding:6px 12px;border:3px solid var(--dpq-or);border-radius:10px;background:#fdf7eef0;color:var(--tdpq-ink);font-size:.9375rem;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;animation:dpq-stamp .35s .45s cubic-bezier(.16,1,.3,1) both}@keyframes dpq-stamp{0%{opacity:0;transform:scale(1.8)}}.dpq__conf{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;-webkit-mask:var(--dpq-paw) center/calc(16px * var(--s,1)) no-repeat;mask:var(--dpq-paw) center/calc(16px * var(--s,1)) no-repeat;animation:dpq-conf .9s .35s cubic-bezier(.2,.7,.3,1) both}@keyframes dpq-conf{0%{opacity:1;transform:translate(0) scale(.3)}70%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}.dpq__style{position:relative;padding:var(--dt-space-5,20px);background:var(--tdpq-ink);color:var(--dpq-cream);box-shadow:0 5px 0 var(--dpq-or)}.dpq__style h3{font-size:1.375rem;color:var(--dpq-cream)}.dpq__style .dpq__coat{color:var(--dpq-cream);opacity:.9}.dpq__style .dpq__print--top{border:0;border-radius:14px;background:#fff;color:var(--tdpq-ink);padding:var(--dt-space-3,12px)}.dpq__style .dpq__hero-cta{background:var(--dpq-cream);border-color:var(--dpq-cream);color:var(--tdpq-ink)!important;box-shadow:0 4px 0 var(--dpq-or)}.dpq__style .dpq__hero-cta:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--dpq-or)}.dpq__topphoto{position:relative}.dpq__topphoto .dpq__sticker{position:absolute;right:-14%;bottom:-12%;width:52%;aspect-ratio:1;object-fit:contain;padding:2px;border-radius:50%;background:var(--dpq-lav);box-shadow:0 0 0 2px #fff,0 3px 8px #19365b33;rotate:10deg}.dpq__alts>summary{font-family:var(--dt-font-display,inherit);font-size:1.125rem}.dpq__alts>.dpq__prints{grid-auto-flow:column;grid-auto-columns:80%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:16px 4px 12px;scrollbar-width:thin;border-radius:12px}.dpq__alts>.dpq__prints:focus-visible{outline:2px solid var(--tdpq-ink);outline-offset:2px}.dpq__alts .dpq__print--alt,.dpq__alts .dpq__print--alt.has-photo{grid-template-columns:1fr;align-content:start;row-gap:6px;padding:12px;border:2px solid var(--tdpq-ink);border-radius:16px;background:#fff;scroll-snap-align:start;rotate:-1.2deg}.dpq__alts .dpq__print--alt:nth-child(2){rotate:1.2deg}.dpq__alts .dpq__print.dpq__print--alt>*{grid-column:1/-1}.dpq__alts .dpq__topphoto{grid-row:auto}.dpq__alts .dpq__topphoto img{aspect-ratio:4/3}.dpq__alts .dpq__rank{position:absolute;top:-12px;left:14px;z-index:1;padding:4px 10px;border-radius:999px;background:var(--tdpq-ink);color:#fff;font-size:.75rem}.dpq__alts .dpq__print--alt:first-child .dpq__rank{background:var(--dpq-or);color:var(--tdpq-ink)}.dpq__alts .dpq__suits{display:none}@media(min-width:750px){.dpq__alts>.dpq__prints{grid-auto-columns:calc(50% - 6px)}}@media(prefers-reduced-motion:reduce){.dpq__bar i,.dpq__options label,.dpq input[type=radio]:checked+label,.dpq__ic,.dpq__reveal,.dpq__result.is-revealed{transition:none}.dpq__bar i.is-now,.dpq__pick,.dpq__skip,.dpq__reveal,.dpq__reveal-strip,.dpq__snap,.dpq__stamp,.dpq[data-dir] .dpq__step{animation:none}.dpq__conf{display:none}.dpq input[type=radio]:checked+label{transform:none}.dpq__options label:hover .dpq__ic{rotate:none}.dpq__style .dpq__hero-cta:hover{transform:none}}@media(min-width:750px){snb-dog-personality-quiz [data-snb-mount],.dpq{min-height:19.5rem}.tdpq__card{display:flex;flex-direction:column;max-width:44rem;padding:var(--dt-space-5,24px) var(--dt-space-6,32px)}.tdpq .tdpq__sub{order:1;margin:0;font-size:.9375rem}.tdpq__card snb-dog-personality-quiz .dpq__nav:empty{display:none}.tdpq__card>.dt-disc{order:2}.dpq__step{grid-template-columns:minmax(0,1fr) auto;column-gap:var(--dt-space-5,24px);row-gap:var(--dt-space-3,12px)}.dpq__step>*{grid-column:1/-1}.dpq__step>.dpq__progress{grid-column:1;grid-row:1;align-self:center}.dpq__step>.dpq__qphoto{grid-column:2;grid-row:1;align-self:start}.dpq__step:not(:has(.dpq__qphoto))>.dpq__progress{grid-column:1/-1}.dpq__qphoto img{height:112px;width:auto;max-width:150px;aspect-ratio:auto}.dpq__options label{align-items:center;padding:10px 16px 10px 56px}.dpq__k{top:50%;margin-top:-14px}.dpq__k--ic{top:50%;margin-top:-16px}}
/*# sourceMappingURL=/cdn/shop/t/202/assets/tool-dog-personality-quiz.css.map */