.x-favorite-button{position:relative;padding-left:1rem;padding-right:1rem;text-align:center}.x-favorite-button .icon{margin-bottom:.25rem;font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.x-favorite-button .icon:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.x-favorite-button span{display:block;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.x-favorite-button span:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.x-favorite-button .loading-circle{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;margin:auto;display:none;width:3.5rem}.x-favorite-button.is-loading{pointer-events:none}.x-favorite-button.is-loading .icon,.x-favorite-button.is-loading span{opacity:0}.x-favorite-button.is-loading .loading-circle{display:inline-block}.x-favorite-button.is-active .icon{--tw-text-opacity:1;color:rgb(178 226 71/var(--tw-text-opacity))}@media(max-width:900px){.x-favorite-button .icon{font-size:1.875rem;line-height:2.25rem}.x-favorite-button span{display:none}.x-favorite-button .loading-circle{width:2rem}}