@layer components{.like{--like-color:var(--destructive);--like-size:32px;--like-duration:.35s;--like-ease-out:cubic-bezier(.23, 1, .32, 1);--like-ease-in-out:cubic-bezier(.77, 0, .175, 1)}.like-icon{width:var(--like-size);height:var(--like-size);font-size:var(--like-size);transition:transform .16s var(--like-ease-out);flex:none;display:inline-flex;position:relative;transform:scale(1)}.like[data-icon-only]{width:max(2rem, calc(var(--like-size) + .5rem));height:max(2rem, calc(var(--like-size) + .5rem))}.like:active .like-icon{transform:scale(.97)}.like-heart{stroke-width:1.75px;width:100%;height:100%;position:absolute;inset:0}.like-heart-outline{color:currentColor;transition:color .15s var(--like-ease-out)}.like-heart-fill{color:var(--like-color);clip-path:circle(0% at 50% 55%);transition:clip-path .16s var(--like-ease-in-out)}.like[data-liked=true] .like-heart-outline{color:var(--like-color);transition-delay:60ms}.like[data-liked=true] .like-heart-fill{clip-path:circle(75% at 50% 55%)}.like-burst{pointer-events:none;color:var(--like-color);position:absolute;inset:0}.like-particle{--like-particle-delay:0s;--like-particle-duration-scale:1;width:var(--like-particle-size,.25em);height:var(--like-particle-size,.25em);opacity:0;animation:like-particle calc(var(--like-duration) * var(--like-particle-duration-scale)) linear calc(24ms + var(--like-particle-delay)) both;position:absolute;top:50%;left:50%}.like-particle:nth-child(n+9){display:none}.like-particle-heart{stroke:none;display:block}.like-particle:first-child{--like-particle-size:.3em;--like-particle-x:-.602em;--like-particle-y:-.86em;--like-particle-rotate:-28deg}.like-particle:nth-child(2){--like-particle-size:.125em;--like-particle-x:.128em;--like-particle-y:-1.042em;--like-particle-rotate:14deg;--like-particle-delay:44ms;--like-particle-duration-scale:1.125}.like-particle:nth-child(3){--like-particle-size:.2em;--like-particle-x:.78em;--like-particle-y:-.703em;--like-particle-rotate:31deg;--like-particle-delay:0s;--like-particle-duration-scale:.9}.like-particle:nth-child(4){--like-particle-size:.34em;--like-particle-x:1.049em;--like-particle-y:.037em;--like-particle-rotate:-17deg;--like-particle-delay:88ms;--like-particle-duration-scale:.975}.like-particle:nth-child(5){--like-particle-size:.225em;--like-particle-x:.703em;--like-particle-y:.78em;--like-particle-rotate:24deg;--like-particle-delay:44ms;--like-particle-duration-scale:1.05}.like-particle:nth-child(6){--like-particle-size:.36em;--like-particle-x:-.128em;--like-particle-y:1.042em;--like-particle-rotate:-12deg;--like-particle-delay:0s;--like-particle-duration-scale:1.1}.like-particle:nth-child(7){--like-particle-size:.175em;--like-particle-x:-.839em;--like-particle-y:.632em;--like-particle-rotate:-34deg;--like-particle-delay:88ms;--like-particle-duration-scale:1.0875}.like-particle:nth-child(8){--like-particle-size:.125em;--like-particle-x:-1.047em;--like-particle-y:-.073em;--like-particle-rotate:18deg;--like-particle-delay:44ms;--like-particle-duration-scale:.9375}@keyframes like-particle{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.95)}8%{opacity:1}40%{opacity:.9}70%{opacity:.65}90%{opacity:.25}to{opacity:0;transform:translate(calc(-50% + var(--like-particle-x,0px)), calc(-50% + var(--like-particle-y,0px))) rotate(var(--like-particle-rotate,0deg)) scale(.95)}}@media (hover:hover) and (pointer:fine){.like[data-icon-only]:hover .like-heart-outline{color:var(--foreground)}.like[data-icon-only][data-liked=true]:hover .like-heart-outline{color:var(--like-color)}}}@media (prefers-reduced-motion:reduce){.like-icon,.like:active .like-icon{transform:none!important}.like-heart-fill{clip-path:none;opacity:0;transition:opacity .12s var(--like-ease-out)!important}.like[data-liked=true] .like-heart-fill{opacity:1}.like-particle{animation-duration:0s!important;animation-delay:0s!important}}