.favorite-card-host{position:relative!important}
.card-favorite{position:absolute;top:7px;right:7px;z-index:10;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1.5px solid #ff4f8b;border-radius:50%;background:rgba(5,5,8,.78);color:#ff6a9d;font:900 24px/1 Arial,sans-serif;box-shadow:0 3px 12px rgba(0,0,0,.5),0 0 10px rgba(255,61,127,.2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.card-favorite::before{content:"♡";transform:translateY(1px)}
.card-favorite.is-active{color:#fff;background:linear-gradient(145deg,#ff6b9d,#f52d70);box-shadow:0 0 14px rgba(255,61,127,.62)}
.card-favorite.is-active::before{content:"♥";font-size:28px;transform:translateY(-1px)}
.card-favorite:focus-visible{outline:2px solid #fff;outline-offset:2px}
.favorite-toast{position:fixed;left:var(--favorite-toast-x,50%);top:var(--favorite-toast-y,50%);z-index:1300;isolation:isolate;max-width:calc(100% - 32px);padding:10px 16px;border:1.5px solid #ff3d7f;border-radius:999px;background:transparent;color:#ff74a4;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:none;opacity:0;transform:translate(-50%,-50%) scale(.84);transform-origin:center;pointer-events:none;transition:opacity .18s ease,transform .2s cubic-bezier(.2,.9,.3,1.2)}
.favorite-toast::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff9fc;box-shadow:none}
.favorite-toast.is-added{color:#e52069}
.favorite-toast.is-added::before{background:#fff7fb;box-shadow:none}
.favorite-toast.is-removed{color:#f0f1f6}
.favorite-toast.is-removed::before{background:#262832;box-shadow:none}
.favorite-toast.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.favorite-toast__name{display:inline-block;margin-right:1px;font-size:18px;line-height:1;font-weight:900;vertical-align:-1px}
@media(max-width:360px){.card-favorite{width:32px;height:32px}.card-favorite.is-active::before{font-size:26px}}