.pet-finder-intro-section,.pet-finder-how-section,.pet-finder-started-section{background:#f8f7f5;color:#191824;overflow:hidden}.pet-finder-intro-section .ds-heading-3,.pet-finder-how-section .ds-heading-3,.pet-finder-started-section .ds-heading-3{color:#191824}.pet-finder-intro,.pet-finder-started{align-items:center;display:grid;gap:clamp(12px,12px + .7766990291vw - 2.9126213592px,24px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media screen and (max-width:900px){.pet-finder-intro,.pet-finder-started{display:flex;flex-direction:column;gap:24px;padding-left:16px;padding-right:16px}}.pet-finder-intro--reverse,.pet-finder-started--reverse{direction:rtl}.pet-finder-intro--reverse>*,.pet-finder-started--reverse>*{direction:ltr}@media screen and (max-width:900px){.pet-finder-intro{gap:48px}}.pet-finder-intro__visual{width:100%}@media screen and (max-width:900px){.pet-finder-intro__visual{width:100%}}.pet-finder-intro__photo{overflow:hidden;width:100%}.pet-finder-intro__photo img{display:block;height:auto;object-fit:cover;object-position:center bottom;width:100%}@media screen and (max-width:900px){.pet-finder-intro__photo{width:100%}}.pet-finder-intro__content{align-items:flex-start;display:flex;flex-direction:column;gap:clamp(24px,24px + 1.5533980583vw - 5.8252427184px,48px);justify-self:center;max-width:445px}@media screen and (max-width:900px){.pet-finder-intro__content{gap:var(--ds-spacing-3xl, clamp(16px, 16px + 1.0355987055vw - 3.8834951456px, 32px));max-width:none;width:100%}}.pet-finder-intro__copy,.pet-finder-started__content{display:flex;flex-direction:column;gap:clamp(24px,24px + 1.5533980583vw - 5.8252427184px,48px)}@media screen and (max-width:900px){.pet-finder-intro__copy,.pet-finder-started__content{gap:clamp(16px,16px + 1.0355987055vw - 3.8834951456px,32px)}}@media screen and (max-width:900px){.pet-finder-started__content{gap:var(--ds-spacing-3xl, clamp(16px, 16px + 1.0355987055vw - 3.8834951456px, 32px))}}.pet-finder-intro__text,.pet-finder-started__text{color:#2c3e5d;font-size:18px;letter-spacing:-.15px;line-height:30px}@media screen and (max-width:900px){.pet-finder-intro__text,.pet-finder-started__text{font-size:16px;letter-spacing:.15px;line-height:24px}}.pet-finder-badge{align-items:center;background:#e2ded899;border-radius:var(--ds-radius-medium, 8px);color:#191824;display:inline-flex;align-self:flex-start;font-size:16px;font-weight:500;gap:8px;justify-content:center;line-height:24px;max-width:100%;min-height:48px;padding:0 clamp(10px,10px + .6472491909vw - 2.427184466px,20px);width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pet-finder-badge img{display:block;height:16px;width:16px}@media screen and (max-width:900px){.pet-finder-badge{font-size:12px;letter-spacing:.4px;line-height:20px;min-height:40px;padding:0 16px}}.pet-finder-how-section{padding-left:32px;padding-right:32px}@media screen and (max-width:700px){.pet-finder-how-section{padding-left:16px;padding-right:0}}@media screen and (max-width:900px){.pet-finder-how__spacer{display:none}}.pet-finder-how{display:flex;flex-direction:column;gap:clamp(24px,24px + 1.5533980583vw - 5.8252427184px,48px)}@media screen and (max-width:700px){.pet-finder-how{gap:32px;padding-left:0;padding-right:0}}.pet-finder-how__title{margin:0}.pet-finder-how__cards{visibility:visible}.pet-finder-how__cards .splide__track{overflow:visible}.pet-finder-how__cards .splide__list{display:grid;gap:clamp(12px,12px + .7766990291vw - 2.9126213592px,24px);grid-template-columns:repeat(3,minmax(0,1fr))}.pet-finder-how__cards .splide__slide{display:flex}@media screen and (max-width:900px){.pet-finder-how__cards .splide__track{overflow:hidden;padding-right:16px}.pet-finder-how__cards .splide__list{display:flex;gap:0}}.pet-finder-how__cards.is-initialized:not(.is-active) .splide__list{display:grid}.pet-finder-how__cards.is-active .splide__list{display:flex}.pet-finder-how-card{background:#f0efeb;border-radius:var(--ds-radius-xlarge, clamp(16px, 16px + 1.0355987055vw - 3.8834951456px, 32px));display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;scroll-snap-align:start;width:100%}@media screen and (max-width:900px){.pet-finder-how-card{border-radius:var(--ds-radius-large, 16px)}}.pet-finder-how-card__copy{display:flex;flex-direction:column;gap:clamp(12px,12px + .7766990291vw - 2.9126213592px,24px);flex-grow:1;min-height:248px;padding:clamp(16px,16px + 1.0355987055vw - 3.8834951456px,32px)}.pet-finder-how-card__copy p{color:#2c3e5d;font-size:18px;letter-spacing:-.15px;line-height:30px;margin:0}@media screen and (max-width:900px){.pet-finder-how-card__copy{gap:14px;min-height:142px;padding:18px}.pet-finder-how-card__copy p{font-size:14px;letter-spacing:.4px;line-height:24px}}.pet-finder-how-card__heading{align-items:center;display:flex;gap:clamp(12px,12px + .7766990291vw - 2.9126213592px,24px)}.pet-finder-how-card__heading h3{color:#191824;font-size:24px;font-weight:500;letter-spacing:-1px;line-height:30px;margin:0}@media screen and (max-width:900px){.pet-finder-how-card__heading{gap:14px}.pet-finder-how-card__heading h3{font-size:20px;letter-spacing:.1px;white-space:nowrap}}.pet-finder-how-card__number{align-items:center;background:#e2ded8;border-radius:50%;color:#191824;display:flex;flex:0 0 70px;font-size:32px;font-weight:500;height:70px;justify-content:center;letter-spacing:-.5px;line-height:38px}@media screen and (max-width:900px){.pet-finder-how-card__number{flex-basis:40px;font-size:18px;height:40px;letter-spacing:-.29px;line-height:22px}}.pet-finder-how-card__visual{align-items:flex-end;background:linear-gradient(180deg,#e2ded800 19%,#e2ded8 101%),#f0efeb;display:flex;justify-content:center;overflow:hidden}.pet-finder-how-card__visual img{height:100%;object-fit:contain;object-position:center bottom;width:100%}.pet-finder-how__cards .splide__pagination{display:none}@media screen and (max-width:900px){.pet-finder-how__cards .splide__pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin:0;padding:16px 12px 0 0;position:static}.pet-finder-how__cards .splide__pagination li{display:flex}.pet-finder-how__cards .splide__pagination .splide__pagination__page{background:#fff;border:1.5px solid #191824;border-radius:50%;height:8px;opacity:.3;padding:0;width:8px}.pet-finder-how__cards .splide__pagination .splide__pagination__page.is-active{transform:none;opacity:1}}@media screen and (max-width:900px){.pet-finder-started{align-items:stretch}}.pet-finder-started__content{justify-self:center;max-width:445px}@media screen and (max-width:900px){.pet-finder-started__content{max-width:none;width:100%}}.pet-finder-started__steps{display:flex;flex-direction:column;gap:clamp(12px,12px + .7766990291vw - 2.9126213592px,24px)}@media screen and (max-width:900px){.pet-finder-started__steps{gap:var(--ds-spacing-l, clamp(8px, 8px + .5177993528vw - 1.9417475728px, 16px))}}.pet-finder-started__step{align-items:flex-start;color:#2c3e5d;display:flex;font-size:18px;gap:clamp(12px,12px + .7766990291vw - 2.9126213592px,24px);letter-spacing:-.15px;line-height:30px}.pet-finder-started__step span{align-items:center;background:#e2ded8;border-radius:50%;color:#191824;display:flex;flex:0 0 32px;font-size:11px;font-weight:500;height:32px;justify-content:center;letter-spacing:.4px;line-height:20px}.pet-finder-started__step p{margin:0}@media screen and (max-width:900px){.pet-finder-started__step{font-size:16px;gap:24px;letter-spacing:.15px;line-height:24px}}.pet-finder-started__visual{background:#f0efeb;border-radius:var(--ds-radius-xlarge, clamp(16px, 16px + 1.0355987055vw - 3.8834951456px, 32px));justify-self:center;max-width:759px;overflow:hidden;position:relative;width:100%}.pet-finder-started__visual:before{content:"";display:block;padding-top:79.05%}.pet-finder-started__visual>img{height:100%;left:0;object-fit:cover;object-position:center bottom;position:absolute;top:0;width:100%}@media screen and (max-width:900px){.pet-finder-started__visual{border-radius:var(--ds-radius-large, 16px)}}.pet-finder-started__badge{left:50%;position:absolute;top:21%;transform:translate(-50%);width:190px;z-index:2}.pet-finder-started__badge img{display:block;width:100%}@media screen and (max-width:900px){.pet-finder-started__badge{width:86px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pet-finder.css.map */