@layer properties;@layer theme,base,components,utilities;.like-burst{--like-burst-color:var(--like-burst-tint,var(--hf-color-brand-red));--like-burst-ease:cubic-bezier(.22, 1, .36, 1);--like-burst-distance:1.25rem;--like-burst-duration:.62s;place-items:center;display:grid;position:relative}.like-burst[data-liked]{color:var(--like-burst-color)}.like-burst-icon path{fill:#0000;transition:fill .15s var(--like-burst-ease)}.like-burst[data-liked] .like-burst-icon path{fill:currentColor}.like-burst-icon{place-items:center;display:grid}.like-burst[data-burst] .like-burst-icon{animation:like-burst-pop .42s var(--like-burst-ease)}@keyframes like-burst-pop{0%{scale:1}26%{scale:.78}58%{scale:1.2}to{scale:1}}.like-burst-spray{width:0;height:0;position:absolute;top:50%;left:50%}.like-burst-spray:before,.like-burst-spray:after{opacity:0;content:"";border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.like-burst-spray:before{border:1px solid color-mix(in srgb, var(--like-burst-color) 35%, transparent);width:2.75rem;height:2.75rem}.like-burst-spray:after{background:radial-gradient(circle, color-mix(in srgb, var(--like-burst-color) 20%, transparent) 0%, transparent 65%);width:3.5rem;height:3.5rem}.like-burst[data-burst] .like-burst-spray:before{animation:like-burst-ring .52s var(--like-burst-ease)}.like-burst[data-burst] .like-burst-spray:after{animation:like-burst-glow var(--like-burst-duration) ease-out}@keyframes like-burst-ring{0%{opacity:.85;scale:.2}70%{opacity:.3}to{opacity:0;scale:1}}@keyframes like-burst-glow{0%{opacity:0;scale:.35}25%{opacity:1}to{opacity:0;scale:1}}.like-burst-spray i{width:var(--like-burst-dot-size);height:var(--like-burst-dot-size);background:var(--like-burst-dot-color);opacity:0;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.like-burst-spray i:first-child{--like-burst-dot-angle:8deg;--like-burst-dot-color:#fff;--like-burst-dot-size:.1875rem;--like-burst-dot-delay:0s}.like-burst-spray i:nth-child(2){--like-burst-dot-angle:52deg;--like-burst-dot-color:gold;--like-burst-dot-size:.125rem;--like-burst-dot-delay:24ms}.like-burst-spray i:nth-child(3){--like-burst-dot-angle:100deg;--like-burst-dot-color:#e84393;--like-burst-dot-size:.1875rem;--like-burst-dot-delay:8ms}.like-burst-spray i:nth-child(4){--like-burst-dot-angle:146deg;--like-burst-dot-color:#a855f7;--like-burst-dot-size:.125rem;--like-burst-dot-delay:36ms}.like-burst-spray i:nth-child(5){--like-burst-dot-angle:190deg;--like-burst-dot-color:#fff;--like-burst-dot-size:.125rem;--like-burst-dot-delay:16ms}.like-burst-spray i:nth-child(6){--like-burst-dot-angle:236deg;--like-burst-dot-color:#00b894;--like-burst-dot-size:.1875rem;--like-burst-dot-delay:44ms}.like-burst-spray i:nth-child(7){--like-burst-dot-angle:284deg;--like-burst-dot-color:#fff;--like-burst-dot-size:.125rem;--like-burst-dot-delay:4ms}.like-burst-spray i:nth-child(8){--like-burst-dot-angle:328deg;--like-burst-dot-color:#74b9ff;--like-burst-dot-size:.1875rem;--like-burst-dot-delay:28ms}.like-burst[data-burst] .like-burst-spray i{animation:like-burst-dot var(--like-burst-duration) cubic-bezier(.16, .84, .44, 1) var(--like-burst-dot-delay)}@keyframes like-burst-dot{0%{opacity:0;transform:rotate(var(--like-burst-dot-angle)) translateY(0) scale(.3)}22%{opacity:1;transform:rotate(var(--like-burst-dot-angle)) translateY(calc(var(--like-burst-distance) * -.45)) scale(1)}to{opacity:0;transform:rotate(var(--like-burst-dot-angle)) translateY(calc(var(--like-burst-distance) * -1)) scale(.5)}}@media (prefers-reduced-motion:reduce){.like-burst[data-burst] .like-burst-icon,.like-burst[data-burst] .like-burst-spray:before,.like-burst[data-burst] .like-burst-spray:after,.like-burst[data-burst] .like-burst-spray i{animation:none}.like-burst-icon path{transition:none}}