.breed-family-story{z-index:22;left:max(18px, env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));color:#24473a;background:#fffdf8;border:1px solid #d1deca;border-radius:15px;align-items:flex-start;width:min(360px,100vw - 36px);padding:5px;animation:.42s cubic-bezier(.18,.8,.3,1) both breed-family-story-enter;display:flex;position:fixed;box-shadow:0 8px 30px #213e331c}.breed-family-story.is-leaving{animation:.32s ease-in both breed-family-story-leave}body:has(.breed-mobile-purchase:not([hidden])) .breed-family-story{bottom:calc(var(--breed-purchase-bar-height,130px) + 18px)}.breed-family-story-open{text-align:start;border-radius:10px;flex:1;align-items:center;gap:11px;min-width:0;padding:6px;display:flex}.breed-family-story-open img{object-fit:contain;background:#edf2e8;border-radius:8px;flex:none;width:52px;height:60px}.breed-family-story-copy{gap:3px;min-width:0;line-height:1.3;display:grid}.breed-family-story-copy small{color:#50675a;font-size:11px}.breed-family-story-copy strong{overflow-wrap:anywhere;font-size:14px}.breed-family-story-action{align-items:center;gap:3px;font-size:12px;display:flex}.breed-family-story-open:hover .breed-family-story-action{text-decoration:underline}.breed-family-story-close{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.breed-family-story-close:hover{background:#edf2e8}.breed-family-story :is(button):focus-visible{outline-offset:-2px;outline:2px solid #35735a}@media (max-width:700px){.breed-family-story{left:max(12px, env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));width:min(360px,100vw - 24px)}body:has(.breed-mobile-purchase:not([hidden])) .breed-family-story{bottom:calc(var(--breed-purchase-bar-height,130px) + 12px)}body:has(.breed-family-story) .support-launcher{bottom:calc(22px + env(safe-area-inset-bottom) + var(--breed-family-story-height,96px))}body:has(.breed-family-story):has(.breed-mobile-purchase:not([hidden])) .support-launcher{bottom:calc(var(--breed-purchase-bar-height,130px) + 22px + var(--breed-family-story-height,96px))}}@keyframes breed-family-story-enter{0%{opacity:0;transform:translateX(calc(-100% - 24px - env(safe-area-inset-left)))}to{opacity:1;transform:translate(0)}}@keyframes breed-family-story-leave{to{opacity:0;transform:translateX(calc(-100% - 24px - env(safe-area-inset-left)))}}@media (prefers-reduced-motion:reduce){.breed-family-story,.breed-family-story.is-leaving{animation:none}}