.artwork-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.reaction-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);padding:6px 12px;font:600 10px var(--mono);letter-spacing:.04em;cursor:pointer;transition:border-color .18s,background .18s,color .18s}.reaction-button:hover{border-color:var(--muted);color:var(--ink)}.reaction-button:focus-visible,.reaction-reset:focus-visible{outline:2px solid var(--clay-deep);outline-offset:3px}.reaction-button[aria-pressed=true]{border-color:#a988638c;background:var(--oat);color:var(--ink)}.reaction-button--like[aria-pressed=true]{border-color:#a9886399;background:#f2e6d6f2;color:var(--clay-deep)}.reaction-button--like[aria-pressed=true] .reaction-icon path{fill:currentColor;stroke:currentColor}.reaction-button--pass[aria-pressed=true]{border-color:#63738b73;color:var(--slate-deep);background:#e4e9eff2}.reaction-icon{display:block;flex:none}.reactions-unavailable .artwork-reactions,.reactions-unavailable .taste-filter{display:none!important}.masonry .mcard[data-reaction-card]{position:relative}.masonry .mcard[data-reaction-card]>.card{transition:opacity .22s,box-shadow .3s ease}.masonry .mcard.is-disliked>.card{opacity:.5}.masonry .mcard.is-disliked>.card:hover{opacity:.65;transform:none}.card-reactions{position:absolute;z-index:3;top:14px;right:9px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 18px);transition:opacity .15s ease,visibility .15s ease}.card-reactions .reaction-button{min-height:0;height:30px;background:#fbfaf7f5;box-shadow:0 6px 16px -12px #1b1a1873}.card-reactions .reaction-button--like{width:30px;padding:0}.card-reactions .reaction-button--pass{position:relative;width:30px;min-width:30px;padding:0;font-size:9px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:visible;line-height:0;transition:border-color .18s,background .18s,color .18s}.card-reactions .reaction-button--pass .reaction-icon{position:absolute;left:50%;top:50%;z-index:1;flex:none;transform:translate(-50%,-50%) rotate(180deg);transition:opacity .15s ease}.card-reactions .reaction-button--pass .reaction-pass-label{position:absolute;right:calc(100% + 6px);top:50%;left:auto;transform:translateY(-50%);opacity:0;pointer-events:none;line-height:1.2;letter-spacing:.06em;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fbfaf7f0;box-shadow:0 6px 16px -12px #1b1a1873;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .15s ease}@media(hover:hover)and (pointer:fine){.card-reactions .reaction-button--pass:hover .reaction-pass-label,.card-reactions .reaction-button--pass:focus-visible .reaction-pass-label{opacity:1}}@media(hover:hover)and (pointer:fine){.card-reactions{opacity:0;visibility:hidden;pointer-events:none}.mcard:hover .card-reactions,.mcard:focus-within .card-reactions{opacity:1;visibility:visible;pointer-events:auto}}.card-reaction-indicator{position:absolute;z-index:3;top:14px;left:9px;border:1px solid var(--line);border-radius:999px;background:#fbfaf7f0;color:var(--muted);padding:5px 9px;font:600 8.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.mcard:not(.is-liked):not(.is-disliked) .card-reaction-indicator{display:none}.mcard.is-liked .card-reaction-indicator{display:none}.mcard.is-disliked .card-reaction-indicator{color:var(--slate-deep);border-color:#63738b59}.mcard.is-disliked .card-reaction-indicator:before{content:"Not for me"}.discover-reactions{margin-top:11px}.discover-reaction-empty,.discover-source-empty{margin-top:15px}.reaction-reset{border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);padding:8px 13px;font:600 10px var(--mono);cursor:pointer}@media(max-width:680px){.card-reactions{flex-wrap:wrap;justify-content:flex-end}.discover-reactions{margin-top:9px}}@media(prefers-reduced-motion:reduce){.card-reactions,.card-reactions .reaction-button--pass,.card-reactions .reaction-button--pass .reaction-icon,.card-reactions .reaction-button--pass .reaction-pass-label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/reactions.css.map */