.project-interest{gap:12px}.project-interest,.project-interest-pill{display:flex;align-items:center;justify-content:center}.project-interest-pill{height:40px;padding:9px 24px;border:.75px solid #dbdbdb;border-radius:20px;background:rgb(78 78 78/60%);color:#fff;font-family:var(--font-anonymous),monospace;font-size:14px;font-weight:400;line-height:21px;white-space:nowrap}button.project-interest-pill{gap:6px;transition:background-color .5s var(--ease-standard),color .5s var(--ease-standard),border-color .5s var(--ease-standard)}.project-interest-count{min-width:1ch;font-variant-numeric:tabular-nums;text-align:right}button.project-interest-pill:is(:hover,:focus-visible,[aria-pressed=true]){background:#fff;color:#212121;border-color:#fff}button.project-interest-pill:focus-visible{outline:2px solid white;outline-offset:3px}.work-card-interest-region{position:absolute;inset:0 0 auto;height:162px;z-index:2;border-radius:24px 24px 0 0}.work-card-interest{position:absolute;top:61px;left:0;right:0;z-index:2;opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-standard),transform .5s var(--ease-standard);pointer-events:none}.wear-preview-container{position:relative;margin-top:17px}.studio-wear .wear-preview-container .wear-preview{margin-top:0}@media(hover:hover) and (pointer:fine){.work-card-placeholder[data-interest-visible=true] .work-card-interest{opacity:1;transform:translateY(0);pointer-events:auto}}.work-card-interest-region:has(:focus-visible) .work-card-interest{opacity:1;transform:translateY(0);pointer-events:auto}@media(hover:none){.work-card-interest{opacity:1;transform:translateY(0);pointer-events:auto}}@media(max-width:360px){.project-interest{gap:8px}.project-interest-pill{padding-inline:14px}}@media(prefers-reduced-motion:reduce){.work-card-interest,button.project-interest-pill{transition:none}}.project-interest{position:relative}.project-interest-error{position:absolute;top:calc(100% + 8px);padding:4px 8px;border-radius:6px;background:#333;color:white;font-size:12px;white-space:nowrap}.studio-note{position:relative}.studio-note-interest{position:absolute;top:53px;left:0;right:0;z-index:1;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-standard)}.studio-note-interest .project-interest{flex-direction:column;gap:8px}.studio-note-interest .project-interest-pill{height:auto;padding:4px 8px;font-size:10px;line-height:15px}.studio-note-interest button.project-interest-pill{padding-inline:16px}@media(hover:hover) and (pointer:fine){.studio-note:hover .studio-note-interest{opacity:1;pointer-events:auto}}.studio-note:has(:focus-visible) .studio-note-interest{opacity:1;pointer-events:auto}@media(hover:none){.studio-note-interest{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.studio-note-interest{transition:none}}button.project-interest-pill:disabled{cursor:default}.studio-approved .project-interest--like,.studio-approved .project-interest--note{display:flex;align-items:center}.studio-approved .project-interest--like{flex:none;width:88px;justify-content:flex-start}.studio-approved :is(.project-interest--note,.project-interest--like) button.project-interest-pill{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;height:auto;padding:0;border:0;border-radius:0;background:transparent;color:#474747;font-family:var(--font-anonymous),monospace;font-size:12px;line-height:16px;transition:none}.studio-approved :is(.project-interest--note,.project-interest--like) button.project-interest-pill:is(:hover,:focus-visible){background:transparent;color:var(--accent)}.studio-approved :is(.project-interest--note,.project-interest--like) button.project-interest-pill:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.studio-approved :is(.project-interest--note,.project-interest--like) button.project-interest-pill[aria-pressed=true]{color:var(--accent)}.project-interest-heart,.project-interest-star{flex:none;fill:transparent;stroke:currentColor;stroke-width:.97;stroke-linejoin:round}.studio-approved .project-interest--like button.project-interest-pill:is(:hover,:focus-visible,[aria-pressed=true]) .project-interest-heart,.studio-approved .project-interest--note button.project-interest-pill:is(:hover,:focus-visible,[aria-pressed=true]) .project-interest-star{fill:var(--accent);stroke:var(--accent)}