.survey-pet-first-main .survey-bars-head{display:grid;grid-template-columns:1fr 150px 1fr;gap:10px;align-items:center;margin-bottom:18px}.survey-pet-first-main .survey-bars-head-pet{display:flex;align-items:center;justify-content:flex-end;gap:10px}.survey-pet-first-main .survey-bars-head-you{display:flex;align-items:center;gap:10px}.survey-pet-first-main .survey-hlabel{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.5rem;text-transform:uppercase}.survey-pet-first-main .survey-hlabel--pet{color:rgb(var(--color-foreground))}.survey-pet-first-main .survey-hlabel--you{color:var(--survey-accent)}.survey-pet-first-main .survey-hicon{display:inline-block;width:22px;height:22px;flex-shrink:0}.survey-pet-first-main .survey-hicon--pet{background:rgb(var(--color-foreground));-webkit-mask:var(--mask-pet) center/contain no-repeat;mask:var(--mask-pet) center/contain no-repeat}.survey-pet-first-main .survey-hicon--you{background:var(--survey-accent);-webkit-mask:var(--mask-human) center/contain no-repeat;mask:var(--mask-human) center/contain no-repeat}.survey-pet-first-main .survey-bars{display:flex;flex-direction:column;gap:16px}.survey-pet-first-main .survey-bar-row{display:grid;grid-template-columns:1fr 150px 1fr;gap:10px;align-items:center}.survey-pet-first-main .survey-bar-pet{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.survey-pet-first-main .survey-bar-you{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.survey-pet-first-main .survey-bar-track-r{display:flex;justify-content:flex-end}.survey-pet-first-main .survey-bar-track-l{display:flex;justify-content:flex-start}.survey-pet-first-main .survey-bar-fill{height:20px}.survey-pet-first-main .survey-bar-fill--pet{background:rgb(var(--color-foreground));border-radius:10px 0 0 10px}.survey-pet-first-main .survey-bar-fill--you{background:var(--survey-accent);border-radius:0 10px 10px 0}.survey-pet-first-main .survey-bar-val{font-family:var(--font-body-family);font-weight:var(--font-body-weight-bold);font-size:1.6rem}.survey-pet-first-main .survey-bar-val--pet{color:rgb(var(--color-foreground))}.survey-pet-first-main .survey-bar-val--you{color:var(--survey-accent)}.survey-pet-first-main .survey-bar-label{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.4rem;text-transform:uppercase;color:rgba(var(--color-foreground),.75);text-align:center}.survey-pet-first-main .survey-gap{display:flex;align-items:flex-end;justify-content:center;gap:70px;flex-wrap:wrap}.survey-pet-first-main .survey-gap-item{display:flex;flex-direction:column;align-items:center;gap:12px}.survey-pet-first-main .survey-gap-shape{width:120px;height:120px}.survey-pet-first-main .survey-gap-shape--vet{background:linear-gradient(to top,rgb(var(--color-foreground)) var(--survey-fill, 0%),rgba(var(--color-foreground),.14) var(--survey-fill, 0%));-webkit-mask:var(--mask-pet) center/contain no-repeat;mask:var(--mask-pet) center/contain no-repeat}.survey-pet-first-main .survey-gap-shape--doc{width:114px;background:linear-gradient(to top,var(--survey-accent) var(--survey-fill, 0%),var(--survey-accent-soft) var(--survey-fill, 0%));-webkit-mask:var(--mask-human) center/contain no-repeat;mask:var(--mask-human) center/contain no-repeat}.survey-pet-first-main .survey-gap-num{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:3.4rem;line-height:1}.survey-pet-first-main .survey-gap-num--vet{color:rgb(var(--color-foreground))}.survey-pet-first-main .survey-gap-num--doc{color:var(--survey-accent)}.survey-pet-first-main .survey-gap-cap{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.5rem;text-transform:uppercase}.survey-pet-first-main .survey-gap-cap--vet{color:rgb(var(--color-foreground))}.survey-pet-first-main .survey-gap-cap--doc{color:var(--survey-accent)}@media screen and (max-width:749px){.survey-pet-first-main .survey-bars-head,.survey-pet-first-main .survey-bar-row{grid-template-columns:1fr 90px 1fr;gap:6px}.survey-pet-first-main .survey-bar-label{font-size:1.1rem}.survey-pet-first-main .survey-bar-val{font-size:1.4rem}.survey-pet-first-main .survey-gap{gap:40px}.survey-pet-first-main .survey-gap-shape{width:96px;height:96px}.survey-pet-first-main .survey-gap-shape--doc{width:92px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/survey-pet-first.css.map */