.favorite-button-container{display:inline-block;position:relative}.favorite-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;box-shadow:none;color:var(--gray-600,var(--gray-600));background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.favorite-button:hover{box-shadow:none;background:#fffffff2;transform:scale(1.05)}.favorite-button:active{transform:scale(.98)}.favorite-button--small{width:32px;height:32px;padding:2px}.favorite-button--medium{width:40px;height:40px;padding:2px}.favorite-button--large{width:48px;height:48px;padding:3px}.favorite-button--favorited{color:#e74c3c;background:#fffffff2}.favorite-button--favorited:hover{color:#c0392b;background:#fff}.favorite-button--loading{cursor:wait;pointer-events:none}.favorite-button--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.favorite-icon{transition:all .15s}.favorite-icon--filled{fill:currentColor;stroke:currentColor}.favorite-loading-spinner{border:2px solid #0000001a;border-left-color:currentColor;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.8s linear infinite favorite-spin;position:absolute;top:50%;left:50%}@keyframes favorite-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favorite-login-prompt{background:var(--gray-800,var(--gray-700));color:#fff;white-space:nowrap;opacity:0;z-index:100;border-radius:0;padding:8px 12px;font-size:12px;animation:.2s forwards favorite-tooltip-show;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.favorite-login-prompt:after{content:"";border:4px solid #0000;border-top-color:var(--gray-800,var(--gray-700));position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes favorite-tooltip-show{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.favorite-button--small{width:36px;height:36px}.favorite-button--medium{width:44px;height:44px}.favorite-button--large{width:52px;height:52px}.favorite-login-prompt{padding:6px 10px;font-size:11px;top:-40px}}@media (prefers-color-scheme:dark){.favorite-button{color:var(--gray-300,var(--gray-300));background:#000000b3}.favorite-button:hover{background:#000c}.favorite-button--favorited{color:#ff6b6b;background:#000c}.favorite-button--favorited:hover{color:#ff5252}}