@layer components{.like-burst{--like-burst-color:var(--ericts-like-burst);--like-burst-ring-color:var(--ericts-like-burst-ring,var(--like-burst-color));--like-burst-size:32px;--like-burst-duration:.7s;--like-burst-ease-out:cubic-bezier(.23, 1, .32, 1)}.like-burst[data-icon-only]{width:max(2rem, calc(var(--like-burst-size) * 1.75));height:max(2rem, calc(var(--like-burst-size) * 1.75));transition:background-color .15s var(--like-burst-ease-out)}.like-burst-icon{width:var(--like-burst-size);height:var(--like-burst-size);font-size:var(--like-burst-size);transition:transform .16s var(--like-burst-ease-out);flex:none;display:inline-flex;position:relative;transform:scale(1)}.like-burst:active .like-burst-icon{transform:scale(.97)}.like-burst-heart{stroke-width:1.75px;width:100%;height:100%;position:absolute;inset:0}.like-burst-heart-outline{color:currentColor;transition:opacity .15s var(--like-burst-ease-out), color .15s var(--like-burst-ease-out)}.like-burst-heart-fill{color:var(--like-burst-color);opacity:0;transition:opacity .15s var(--like-burst-ease-out)}.like-burst[data-liked=true] .like-burst-heart-outline{opacity:0}.like-burst[data-liked=true] .like-burst-heart-fill{opacity:1}.like-burst[data-bursting] .like-burst-heart-outline{animation:like-burst-collapse var(--like-burst-duration) both}.like-burst[data-bursting] .like-burst-heart-fill{animation:like-burst-pop var(--like-burst-duration) both}.like-burst-effects{pointer-events:none;position:absolute;inset:0}.like-burst-ring{width:1.3em;height:1.3em;animation:like-burst-ring var(--like-burst-duration) both;border-radius:50%;margin:-.65em;position:absolute;top:50%;left:50%;transform:scale(0)}.like-burst-particles{position:absolute;inset:0}.like-burst-particle{width:0;height:0;rotate:var(--like-burst-particle-angle,0deg);animation:like-burst-particle var(--like-burst-duration) both;position:absolute;top:50%;left:50%}.like-burst-particle:nth-child(n+8){display:none}.like-burst-particle:before,.like-burst-particle:after{width:var(--like-burst-dot-size);height:var(--like-burst-dot-size);margin:calc(var(--like-burst-dot-size) / -2);background-color:color-mix(in oklch, color-mix(in oklch longer hue, var(--like-burst-color), var(--like-burst-ring-color) var(--like-burst-dot-hue)) 70%, white);animation:like-burst-dot var(--like-burst-duration) both;content:"";border-radius:50%;position:absolute;transform:scale(0)}.like-burst-particle:before{--like-burst-dot-size:.15em;--like-burst-dot-hue:var(--like-burst-particle-hue-a);top:.13em;left:.075em}.like-burst-particle:after{--like-burst-dot-size:.11em;--like-burst-dot-hue:var(--like-burst-particle-hue-b);top:-.13em;left:-.075em}.like-burst-particle:first-child{--like-burst-particle-angle:-90deg;--like-burst-particle-hue-a:0%;--like-burst-particle-hue-b:14.29%}.like-burst-particle:nth-child(2){--like-burst-particle-angle:-38.57deg;--like-burst-particle-hue-a:14.29%;--like-burst-particle-hue-b:28.57%}.like-burst-particle:nth-child(3){--like-burst-particle-angle:12.86deg;--like-burst-particle-hue-a:28.57%;--like-burst-particle-hue-b:42.86%}.like-burst-particle:nth-child(4){--like-burst-particle-angle:64.29deg;--like-burst-particle-hue-a:42.86%;--like-burst-particle-hue-b:57.14%}.like-burst-particle:nth-child(5){--like-burst-particle-angle:115.71deg;--like-burst-particle-hue-a:57.14%;--like-burst-particle-hue-b:71.43%}.like-burst-particle:nth-child(6){--like-burst-particle-angle:167.14deg;--like-burst-particle-hue-a:71.43%;--like-burst-particle-hue-b:85.71%}.like-burst-particle:nth-child(7){--like-burst-particle-angle:218.57deg;--like-burst-particle-hue-a:85.71%;--like-burst-particle-hue-b:100%}@keyframes like-burst-collapse{0%{opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(1)}8%,to{opacity:0;transform:scale(0)}}@keyframes like-burst-ring{0%,3%{box-shadow:inset 0 0 0 .66em var(--like-burst-color);animation-timing-function:var(--like-burst-ease-out);transform:scale(0)}15%{box-shadow:inset 0 0 0 .66em var(--like-burst-color);animation-timing-function:ease-in-out}22%{box-shadow:inset 0 0 0 .66em var(--like-burst-ring-color);animation-timing-function:var(--like-burst-ease-out);transform:scale(1)}40%,to{box-shadow:inset 0 0 0 0 var(--like-burst-ring-color);transform:scale(1)}}@keyframes like-burst-pop{0%,20%{animation-timing-function:var(--like-burst-ease-out);transform:scale(0)}38%{animation-timing-function:ease-in-out;transform:scale(1.15)}54%,to{transform:scale(1)}}@keyframes like-burst-particle{0%,22%{animation-timing-function:cubic-bezier(.21,.61,.35,1);transform:translate(.6em)}to{transform:translate(1em)}}@keyframes like-burst-dot{0%,22%{animation-timing-function:var(--like-burst-ease-out);transform:scale(0)}32%{animation-timing-function:cubic-bezier(.55,.085,.68,.53);transform:scale(1)}to{transform:scale(0)}}@media (hover:hover) and (pointer:fine){.like-burst[data-icon-only]:hover{background-color:color-mix(in oklch, var(--like-burst-color) 12%, transparent)}.like-burst[data-icon-only]:hover .like-burst-heart-outline{color:var(--like-burst-color)}}}@media (prefers-reduced-motion:reduce){.like-burst-icon,.like-burst:active .like-burst-icon{transform:none!important}.like-burst[data-bursting] .like-burst-heart-outline,.like-burst[data-bursting] .like-burst-heart-fill,.like-burst-ring,.like-burst-particle,.like-burst-particle:before,.like-burst-particle:after{animation-duration:0s!important;animation-delay:0s!important}}