.pd-before-after__header{margin:0 auto 36px;max-width:680px;text-align:center}.pd-before-after__description{color:var(--pd-slate-grey);font-size:1rem;line-height:1.65;margin-top:12px}.pd-before-after{margin:0 auto;max-width:800px}.pd-before-after__container{aspect-ratio:4/3;border-radius:20px;box-shadow:0 16px 40px rgba(2,45,65,.12);cursor:col-resize;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.pd-before-after__after,.pd-before-after__before{height:100%;left:0;position:absolute;top:0;width:100%}.pd-before-after__after img,.pd-before-after__before img{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.pd-before-after__after{clip-path:inset(0 0 0 50%)}.pd-before-after__label{border-radius:100px;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:6px 14px;pointer-events:none;position:absolute;text-transform:uppercase;top:16px;z-index:2}.pd-before-after__label--before{background:rgba(2,45,65,.72);left:16px}.pd-before-after__label--after,.pd-before-after__label--before{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--pd-white)}.pd-before-after__label--after{background:rgba(52,198,185,.85);right:16px}.pd-before-after__slider{align-items:center;display:flex;height:100%;justify-content:center;left:50%;outline:none;position:absolute;top:0;transform:translateX(-50%);width:4px;z-index:3}.pd-before-after__slider:focus-visible .pd-before-after__slider-handle{box-shadow:0 0 0 3px var(--pd-teal),0 4px 12px rgba(2,45,65,.25)}.pd-before-after__slider-line{background:var(--pd-white);box-shadow:0 0 6px rgba(0,0,0,.25);height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.pd-before-after__slider-handle{align-items:center;background:var(--pd-white);border-radius:50%;box-shadow:0 2px 8px rgba(2,45,65,.2),0 0 0 2px hsla(0,0%,100%,.9);color:var(--pd-navy,#022d41);display:flex;height:48px;justify-content:center;position:relative;transition:box-shadow .2s ease;width:48px}.pd-before-after__slider-handle:hover{box-shadow:0 4px 14px rgba(2,45,65,.28),0 0 0 3px #fff}.pd-before-after__meta{color:var(--pd-slate-grey,#3d4c53);font-size:1.05rem;line-height:1.5;margin-top:20px;text-align:center}.pd-before-after__dog-name{color:var(--pd-navy,#022d41);font-family:M PLUS Rounded\ 1c,sans-serif;font-weight:700}.pd-before-after__meta-separator{margin:0 8px;opacity:.4}.pd-before-after__program-name{color:var(--pd-teal,#34c6b9);font-family:Roboto,sans-serif;font-weight:500}.pd-before-after__caption{color:rgba(41,66,75,.72);font-size:.9rem;line-height:1.55;margin-left:auto;margin-right:auto;margin-top:14px;max-width:600px;text-align:center}.pd-before-after__placeholder{background:hsla(0,0%,100%,.5);border:2px dashed rgba(11,45,58,.2);border-radius:20px;color:rgba(41,66,75,.68);display:grid;min-height:320px;padding:24px;place-items:center;text-align:center}@media (max-width:640px){.pd-before-after__container{border-radius:14px}.pd-before-after__slider-handle{height:44px;width:44px}.pd-before-after__slider-handle svg{height:20px;width:20px}.pd-before-after__label{font-size:.7rem;padding:5px 10px;top:10px}.pd-before-after__label--before{left:10px}.pd-before-after__label--after{right:10px}.pd-before-after__meta{font-size:.95rem}.pd-before-after__placeholder{border-radius:14px;min-height:220px}}@media (prefers-reduced-motion:reduce){.pd-before-after__slider-handle{transition:none}}