.fav-star{background:color-mix(in srgb, var(--surface) 88%, transparent);width:32px;height:32px;color:var(--ink-50);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:999px;place-items:center;padding:0;transition:color .2s,background-color .2s,transform .2s;display:inline-grid}.fav-star svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:17px;height:17px;transition:fill .2s}.fav-star:hover{color:var(--ink);background:var(--surface)}.fav-star[data-on]{color:#e0a400}.fav-star[data-on] svg{fill:var(--lemon,#ffd84d);stroke:#c08a00}.fav-star[data-pop]{animation:.38s cubic-bezier(.2,1.6,.4,1) fav-pop}@keyframes fav-pop{0%{transform:scale(1)}40%{transform:scale(1.28)rotate(-10deg)}to{transform:scale(1)}}.fav-star:focus-visible{outline:2px solid var(--lemon,#ffd84d);outline-offset:2px}.wb-star-slot{vertical-align:middle;margin-left:10px;display:inline-block}.wb-star{width:30px;height:30px;transform:translateY(-3px)}.wb-star svg{width:16px;height:16px}.yr{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px 14px;display:grid}.yr-row{display:contents}.yr-h{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-50);flex:none;margin:0;font-size:12px;font-weight:700}.yr-list{scrollbar-width:none;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.yr-list::-webkit-scrollbar{display:none}.yr-list li{animation:.32s cubic-bezier(.2,.8,.2,1) both yr-in;animation-delay:calc(var(--i,0) * 30ms);flex:none}@keyframes yr-in{0%{opacity:0;transform:translateY(4px)}}.yr-chip{height:36px;box-shadow:inset 0 0 0 1px var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 6px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-flex}.yr-chip img{object-fit:contain;width:26px;height:26px}.yr-chip:hover{background:color-mix(in srgb, var(--lemon,#ffd84d) 22%, var(--surface));box-shadow:inset 0 0 0 1px var(--line-strong)}@media (max-width:640px){.yr{flex-direction:column;gap:10px;display:flex}.yr-row{flex-direction:column;align-items:stretch;gap:6px;display:flex}.yr-list{margin-inline:calc(var(--gl,16px) * -1);padding-inline:var(--gl,16px)}}@media (prefers-reduced-motion:reduce){.fav-star[data-pop],.yr-list li{animation:none}}
