.rate{display:inline-flex;align-items:center;gap:2px}.rate-compact{position:absolute;right:9px;bottom:9px;z-index:2;padding:2px;border-radius:var(--mp-r-pill);background:#0000009e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.45;transition:opacity .15s}.tile:hover .rate-compact,.tile:focus-within .rate-compact,.rate-compact[data-mine=up],.rate-compact[data-mine=down]{opacity:1}.rate-btn{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mp-mute);cursor:pointer;transition:color .15s,background .15s}.rate-btn svg{width:14px;height:14px;fill:currentColor;stroke:none}.rate-btn:hover{color:var(--mp-ink);background:#ffffff14}.rate-btn:focus-visible{outline:2px solid var(--mp-pink);outline-offset:1px}.rate-btn[aria-pressed=true]{box-shadow:0 0 0 1px #0000008c}.rate-btn[aria-pressed=true].rate-up{color:var(--mp-ink-on-pink);background:var(--mp-pink)}.rate-btn[aria-pressed=true].rate-down{color:#17171a;background:var(--mp-dim)}.rate-btn[aria-pressed=true].rate-up:hover{background:var(--mp-pink-soft);color:var(--mp-ink-on-pink)}.rate-btn[aria-pressed=true].rate-down:hover{background:var(--mp-ink);color:#17171a}.rate:not(.rate-compact){gap:4px;padding:3px;border:1px solid var(--mp-line);border-radius:var(--mp-r-pill);background:var(--mp-surface)}.rate:not(.rate-compact) .rate-btn{width:30px;height:30px}@media(prefers-reduced-motion:reduce){.rate-compact,.rate-btn{transition:none}}@media(hover:none){.rate-compact .rate-btn{width:34px;height:34px}.rate-compact .rate-btn svg{width:16px;height:16px}}