.animate-in{animation-fill-mode:both;animation-timing-function:var(--ease-portal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes springScaleIn{0%{opacity:0;transform:scale(.9)translateY(20px)}50%{transform:scale(1.05)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes springScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)translateY(20px)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardSlideOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.95)}}.fade-in{animation:.3s ease-out fadeIn}.fade-out{animation:.2s ease-out fadeOut}.fade-slide-up{animation:fadeSlideUp .4s var(--ease-portal)}@keyframes accountPanelFade{0%{opacity:0}to{opacity:1}}@keyframes accountPanelReveal{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.account-panel{top:calc(-1 * (env(safe-area-inset-top,0px) + 8px));right:calc(-1 * (env(safe-area-inset-right,0px) + 1rem));width:calc(min(252px,100vw - 1rem));padding-top:calc(env(safe-area-inset-top,0px) + 8px + 2.5rem);padding-right:calc(env(safe-area-inset-right,0px) + 1rem);border-radius:0 0 0 20px}@media (min-width:1024px){.account-panel{border-top:1px solid var(--gray-4);border-radius:16px;width:auto;min-width:240px;padding-top:0;padding-right:0;top:calc(100% + 8px);left:0;right:0}}:root{--portal-nav-offset:3.5rem}@media (min-width:768px){:root{--portal-nav-offset:0rem}}.account-panel-in{will-change:opacity;animation:.16s ease-out accountPanelFade}.account-panel-in>.account-panel-inner{animation:accountPanelReveal .3s var(--ease-emphasized);will-change:transform}@media (prefers-reduced-motion:reduce){.account-panel-in>.account-panel-inner{animation:none}}.scale-in{animation:scaleIn .3s var(--ease-portal)}.scale-out{animation:scaleOut .2s var(--ease-portal)}.spring-scale-in{animation:.4s cubic-bezier(.34,1.56,.64,1) springScaleIn}.spring-scale-out{animation:springScaleOut .3s var(--ease-portal)}.card-slide-in{animation:cardSlideIn .4s var(--ease-portal)}.card-slide-out{animation:cardSlideOut .3s var(--ease-portal)}.stagger-item{animation:cardSlideIn .4s var(--ease-portal);animation-fill-mode:both}.hover-scale{transition:transform .2s var(--ease-portal)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.95)}.tap-scale{transition:transform .15s var(--ease-portal)}.tap-scale:active{transform:scale(.97)}.animate-show{animation:.4s cubic-bezier(.34,1.56,.64,1) springScaleIn}.animate-hide{animation:springScaleOut .3s var(--ease-portal) forwards}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.animate-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes successRingPop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes checkDraw{0%{stroke-dashoffset:32px}to{stroke-dashoffset:0}}.success-ring-pop{animation:.42s cubic-bezier(.34,1.56,.64,1) both successRingPop}.success-check-draw{stroke-dasharray:32;stroke-dashoffset:32px;animation:.32s ease-out .24s forwards checkDraw}@media (prefers-reduced-motion:reduce){.animate-in,.fade-in,.fade-out,.fade-slide-up,.scale-in,.scale-out,.spring-scale-in,.spring-scale-out,.card-slide-in,.card-slide-out,.stagger-item,.animate-show,.animate-hide,.animate-shake,.success-ring-pop{transition:none!important;animation:none!important}.success-check-draw{stroke-dashoffset:0!important;animation:none!important}.hover-scale,.tap-scale{transition:none!important;transform:none!important}.hover-scale:hover,.hover-scale:active,.tap-scale:active{transform:none!important}.pet-onboarding-target-pulse{animation:none!important}}@keyframes pet-onboarding-target-pulse{0%{box-shadow:0 0 #0000}25%,55%{box-shadow:inset 0 0 0 2px var(--accent-8)}to{box-shadow:0 0 #0000}}.pet-onboarding-target-pulse{animation:pet-onboarding-target-pulse 1.35s var(--ease-portal,ease) both}