.favorite{position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.favorite::before{content:url(/html/takemoto/images/heart-outline.svg);width:24px;height:24px;display:block;transition:all 1s ease-in-out}.favorite.liked::before{content:url(/html/takemoto/images/heart-orange.svg)}.favorite.liked>.tooltip .text-favorited{display:initial}.favorite.liked>.tooltip .text-favorite{display:none}@media (hover:hover){.favorite:hover .tooltip{visibility:visible;opacity:1;bottom:130%}}.favorite .favorite-text{margin-left:4px}.favorite .tooltip{visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;word-break:keep-all;font-size:1.4rem;font-weight:600;text-align:center;padding:8px;border-radius:2px;background-color:#fff;position:absolute;bottom:160%;z-index:1;left:50%;transform:translateX(-50%);transition:all .25s ease-out;-webkit-filter:drop-shadow(0 0 2px #c4c4c4);filter:drop-shadow(0 0 2px #c4c4c4);box-shadow:0 0 2px #c4c4c4}.favorite .tooltip::after{content:'';position:absolute;top:100%;left:50%;border-width:12px 8px 0 8px;border-style:solid;border-color:#fff transparent transparent transparent;transform:translateX(-50%)}.favorite .tooltip>.text-favorited{display:none}