.product-tip-peek{--product-tip-size:56px;width:calc(var(--product-tip-size) * 1.6);height:calc(var(--product-tip-size) * .93);margin-inline:calc(var(--product-tip-size) * -.3);pointer-events:none;overflow:hidden}.product-tip-peek-mascot{top:calc(var(--product-tip-size) * .25);left:calc(var(--product-tip-size) * .3);width:var(--product-tip-size);height:var(--product-tip-size);transform-origin:50% 100%;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.product-tip-peek[data-cut]{animation:product-tip-fade-out .16s var(--hopper-ease-out) both}[data-product-tip-highlight]:not(:focus-visible){outline:3px solid oklch(from var(--ring) l c h / .25);animation:product-tip-highlight .7s var(--hopper-ease-out) .1s backwards}.product-tip-footnote{transform-origin:44px 0}.product-tip-resolved-mascot{transform-origin:50% 90%}.product-tip-fuse{transform-origin:0;animation:product-tip-fuse var(--product-tip-fuse-duration) linear var(--product-tip-fuse-delay) both}[data-paused] .product-tip-fuse{animation-play-state:paused}@media (prefers-reduced-motion:no-preference){.product-tip-peek-mascot[data-phase=enter]{animation:product-tip-mascot-rise .64s var(--hopper-ease-out) .25s both, product-tip-mascot-tilt-left .9s var(--hopper-ease-out) 1.6s forwards}.product-tip-peek-mascot[data-phase=enter][data-look=right]{animation-name:product-tip-mascot-rise,product-tip-mascot-tilt-right}.product-tip-peek-mascot[data-phase=nod]{animation:product-tip-mascot-nod .52s var(--hopper-ease-out)}.product-tip-peek-mascot[data-phase=exit]{animation:.42s cubic-bezier(.4,0,.6,1) .12s both product-tip-mascot-sink}.product-tip-bubble[data-phase=enter]{animation:product-tip-bubble-pop .34s var(--hopper-ease-out) .76s both}.product-tip-bubble[data-phase=enter]>.product-tip-bubble-content{animation:product-tip-content-in .22s var(--hopper-ease-out) .9s both}.product-tip-bubble[data-phase=exit]{animation:.16s cubic-bezier(.4,0,1,1) both product-tip-bubble-shrink}.product-tip-tooltip:not([data-leaving]){animation:product-tip-bubble-pop .34s var(--hopper-ease-out) both}.product-tip-tooltip:not([data-leaving]) .product-tip-mini-mascot{animation:product-tip-mascot-rise .56s var(--hopper-ease-out) .28s both}.product-tip-ledge[data-phase=enter]{animation:product-tip-ledge-draw .28s var(--hopper-ease-out) .26s both}.product-tip-ledge[data-phase=exit]{animation:product-tip-fade-out .2s var(--hopper-ease-out) both}.product-tip-footnote[data-phase=enter]{animation:product-tip-card-pop .36s var(--hopper-ease-out) both}.product-tip-footnote[data-phase=enter]>.product-tip-footnote-content{animation:product-tip-content-in .24s var(--hopper-ease-out) .14s both}.product-tip-footnote[data-phase=exit]{animation:.2s cubic-bezier(.4,0,1,1) both product-tip-card-shrink}.product-tip-footnote-frame .product-tip-peek-mascot[data-phase=enter]{animation-delay:.42s,1.3s}.product-tip-footnote-frame .product-tip-peek-mascot[data-phase=exit]{animation:.38s cubic-bezier(.4,0,.6,1) both product-tip-mascot-sink}.product-tip-footnote-frame[data-with-mascot] .product-tip-ledge[data-phase=exit]{animation-delay:.3s}.product-tip-footnote-frame[data-with-mascot] .product-tip-footnote[data-phase=exit]{animation-delay:.38s}.product-tip-resolved[data-animate]{animation:product-tip-content-in .24s var(--hopper-ease-out) both}.product-tip-resolved[data-animate]>.product-tip-resolved-mascot{animation:product-tip-mascot-nod .52s var(--hopper-ease-out) .12s}.product-tip-resolved[data-leaving]{animation:product-tip-line-out .36s var(--hopper-ease-out) both}}@media (prefers-reduced-motion:reduce){.product-tip-peek-mascot[data-phase=enter]{animation:product-tip-fade-in .2s var(--hopper-ease-out) .25s both}.product-tip-peek-mascot[data-phase=exit]{animation:product-tip-fade-out .16s var(--hopper-ease-out) .12s both}.product-tip-bubble[data-phase=enter]{animation:product-tip-fade-in .2s var(--hopper-ease-out) .76s both}.product-tip-tooltip:not([data-leaving]),.product-tip-ledge[data-phase=enter],.product-tip-resolved[data-animate]{animation:product-tip-fade-in .2s var(--hopper-ease-out) both}.product-tip-resolved[data-leaving]{animation:product-tip-fade-out .2s var(--hopper-ease-out) both}.product-tip-footnote[data-phase=enter]{animation:product-tip-card-fade-in .2s var(--hopper-ease-out) both}.product-tip-bubble[data-phase=exit],.product-tip-ledge[data-phase=exit],.product-tip-footnote[data-phase=exit]{animation:product-tip-fade-out .16s var(--hopper-ease-out) both}.product-tip-footnote-frame .product-tip-peek-mascot[data-phase=enter]{animation-delay:.2s}.product-tip-footnote-frame .product-tip-peek-mascot[data-phase=exit]{animation-delay:0s}.product-tip-footnote-frame[data-with-mascot] .product-tip-ledge[data-phase=exit],.product-tip-footnote-frame[data-with-mascot] .product-tip-footnote[data-phase=exit]{animation-delay:.14s}}@keyframes product-tip-mascot-rise{0%{transform:translateY(72%)scale(.92,.84)}52%{transform:translateY(-9%)scale(.95,1.07)}72%{transform:translateY(2%)scale(1.04,.96)}86%{transform:translateY(-1%)scale(.99,1.01)}to{transform:none}}@keyframes product-tip-mascot-tilt-left{0%,to{transform:none}40%{transform:rotate(-7deg)translate(-2px)}70%{transform:rotate(-5deg)translate(-1px)}}@keyframes product-tip-mascot-tilt-right{0%,to{transform:none}40%{transform:rotate(7deg)translate(2px)}70%{transform:rotate(5deg)translate(1px)}}@keyframes product-tip-mascot-nod{0%,to{transform:none}30%{transform:rotate(-10deg)translateY(-1px)}60%{transform:rotate(8deg)}}@keyframes product-tip-mascot-sink{0%{transform:none}35%{transform:translateY(-6%)scale(.98,1.03)}to{transform:translateY(80%)scale(.94,.9)}}@keyframes product-tip-bubble-pop{0%{opacity:0;transform:scale(.5)translateY(10px)}55%{opacity:1;transform:scale(1.045)translateY(-2px)}78%{transform:scale(.99)}to{opacity:1;transform:none}}@keyframes product-tip-bubble-shrink{to{opacity:0;transform:scale(.6)translateY(8px)}}@keyframes product-tip-ledge-draw{0%{opacity:0;transform:scaleX(0)}}@keyframes product-tip-card-pop{0%{opacity:0;visibility:hidden;transform:scale(.9)translateY(-6px)}60%{opacity:1;transform:scale(1.012)}to{opacity:1;transform:none}}@keyframes product-tip-card-fade-in{0%{opacity:0;visibility:hidden}}@keyframes product-tip-card-shrink{to{opacity:0;transform:scale(.94)translateY(-6px)}}@keyframes product-tip-content-in{0%{opacity:0;transform:translateY(3px)}}@keyframes product-tip-fade-in{0%{opacity:0}}@keyframes product-tip-fade-out{to{opacity:0}}@keyframes product-tip-line-out{0%{opacity:1;max-height:2rem}55%{opacity:0;max-height:2rem;padding-block:.25rem}to{opacity:0;max-height:0;padding-block:0}}@keyframes product-tip-fuse{to{transform:scaleX(0)}}@keyframes product-tip-highlight{0%{outline:3px solid oklch(from var(--ring) l c h / 0)}40%{outline:3px solid oklch(from var(--ring) l c h / .4)}}@media (prefers-reduced-motion:no-preference){.product-tip-bubble[data-phase=enter] .product-tip-whisper-more{animation:product-tip-whisper-nudge .7s var(--hopper-ease-out) 2.6s}}@keyframes product-tip-whisper-nudge{30%{transform:translateY(2px)}55%{transform:none}75%{transform:translateY(1px)}}