.favorite{--favorite-icon-size:var(--spacer-xs);align-items:center;display:flex}.favorite .icon,.favorite .icon:before{--button-icon-size:var(--favorite-icon-size);display:inline-flex}.favorite.active{color:var(--color-red-600)}.favorite.active .icon:before{background-color:var(--color-red-600);-webkit-mask-image:var(--favorite);mask-image:var(--favorite)}.favorite.active .icon.i-favorite-outline:before{background-image:var(--favorite)}.favorite.active .favorite__text{color:var(--color-red-600)}@media(hover:hover)and (min-width:1024px){.favorite.active .favorite__text:hover{color:var(--color-red-700)}}.favorite-icon-text{align-items:center;display:flex;height:var(--spacer-xl)}.favorite-icon{--favorite-icon-size:var(--spacer-base)}.favorite-icon .favorite__button{padding:0 var(--spacer-3xs)}.favorite-text .icon{display:none}.favorite-text .favorite__text{color:var(--color-blue-600);font-size:.875rem;font-weight:400;line-height:1.25rem}.favorite-text:hover:not(.active) .favorite__text{color:var(--color-blue-800)}@media(hover:hover)and (min-width:1024px){.favorite:hover .favorite__button{color:var(--color-red-600)}.favorite:hover .icon:before{background-color:var(--color-red-600);-webkit-mask-image:var(--favorite-outline-gray);mask-image:var(--favorite-outline-gray)}.favorite:hover .icon.i-favorite-outline:before{background-image:var(--favorite-outline-hover)}.favorite.active:hover .favorite-text{color:var(--color-red-700)}.favorite.active:hover .icon:before{background-color:var(--color-red-700);-webkit-mask-image:var(--favorite-hover);mask-image:var(--favorite-hover)}.favorite.active:hover .icon.i-favorite-outline:before{background-image:var(--favorite-hover)}}