.favourite-toggle.svelte-12jse23{--favourite-sprite-view-size:40px;--favourite-sprite-animation-view-size:46px;--favourite-sprite-render-frame-size:53.333px;--favourite-sprite-frame-offset:-6.667px;--favourite-sprite-animation-frame-offset:calc((var(--favourite-sprite-animation-view-size) - var(--favourite-sprite-render-frame-size)) / 2);--favourite-sprite-frame-count:30;width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:transform .14s;display:inline-flex;position:relative}.favourite-toggle.svelte-12jse23:before{content:"";width:var(--favourite-sprite-animation-view-size);height:var(--favourite-sprite-animation-view-size);background-image:url(../../../assets/sprite_sheets/favourite-sprite.png);background-position:var(--favourite-sprite-animation-frame-offset) var(--favourite-sprite-animation-frame-offset);background-repeat:no-repeat;background-size:calc(var(--favourite-sprite-render-frame-size) * var(--favourite-sprite-frame-count)) var(--favourite-sprite-render-frame-size);opacity:0;pointer-events:none;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.favourite-toggle.svelte-12jse23:hover,.favourite-toggle.svelte-12jse23:focus-visible{transform:translateY(-1px)}.favourite-toggle.svelte-12jse23:focus-visible{outline-offset:2px;outline:3px solid #0057ff29}.favourite-toggle.svelte-12jse23:disabled{cursor:not-allowed}.favourite-toggle.svelte-12jse23 span:where(.svelte-12jse23){z-index:0;width:var(--favourite-sprite-view-size);height:var(--favourite-sprite-view-size);background-image:url(../../../assets/sprite_sheets/favourite-sprite.png);background-position:var(--favourite-sprite-frame-offset) var(--favourite-sprite-frame-offset);background-repeat:no-repeat;background-size:calc(var(--favourite-sprite-render-frame-size) * var(--favourite-sprite-frame-count)) var(--favourite-sprite-render-frame-size);opacity:1;transition:opacity .14s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.favourite-toggle.active.svelte-12jse23 span:where(.svelte-12jse23),.favourite-toggle.svelte-12jse23:not(.active):not(.suppress-hover-preview):hover span:where(.svelte-12jse23),.favourite-toggle.svelte-12jse23:not(.active):not(.suppress-hover-preview):focus-visible span:where(.svelte-12jse23){background-position:calc((var(--favourite-sprite-render-frame-size) * -29) + var(--favourite-sprite-frame-offset)) var(--favourite-sprite-frame-offset)}.favourite-toggle.celebrating.svelte-12jse23:before{animation:.6s steps(29,end) forwards svelte-12jse23-favourite-sprite-burst}.favourite-toggle.celebrating.svelte-12jse23 span:where(.svelte-12jse23){opacity:0}@media (prefers-reduced-motion:reduce){.favourite-toggle.celebrating.svelte-12jse23:before{animation:none}.favourite-toggle.celebrating.svelte-12jse23 span:where(.svelte-12jse23){opacity:1}}@keyframes svelte-12jse23-favourite-sprite-burst{0%{opacity:1;background-position:var(--favourite-sprite-animation-frame-offset) var(--favourite-sprite-animation-frame-offset)}to{opacity:1;background-position:calc((var(--favourite-sprite-render-frame-size) * -29) + var(--favourite-sprite-animation-frame-offset)) var(--favourite-sprite-animation-frame-offset)}}
