.favbtn{background:none;border:0;padding:0;cursor:pointer;display:grid;place-items:center;line-height:0}.favbtn svg{stroke:var(--ink);fill:none;stroke-width:1.4;display:block;transition:fill .18s ease,stroke .18s ease}.favbtn:hover svg{stroke:var(--mauve)}.favbtn[data-fav-pending] svg{fill:none}.favbtn--pdp{width:var(--btn-h);border:1px solid var(--line);border-radius:50%;flex:none;align-self:stretch;transition:border-color .18s}.favbtn--pdp svg{width:19px;height:19px}.favbtn--pdp:hover{border-color:var(--mauve)}.favbtn--pdp[aria-pressed=true]{background:var(--mauve);border-color:var(--mauve)}.favbtn--pdp[aria-pressed=true] svg{fill:#fff;stroke:#fff}.favbtn--pdp[aria-pressed=true]:hover{background:var(--plum);border-color:var(--plum)}@media(prefers-reduced-motion:reduce){.favbtn svg,.favbtn--card:before{transition:none}}.favbtn--card{position:absolute;top:8px;right:8px;z-index:2;width:44px;height:44px;background:none}.favbtn--card:before{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:999px;background:#ffffffe0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .18s ease}.favbtn--card svg{width:20px;height:20px;position:relative;z-index:1}@media(max-width:479px){.favbtn--card{top:6px;right:6px}.favbtn--card:before{width:32px;height:32px;margin:-16px 0 0 -16px}.favbtn--card svg{width:18px;height:18px}}.favbtn--card:hover:before{background:#fff}.favbtn--card[aria-pressed=true]:before{background:var(--mauve)}.favbtn--card[aria-pressed=true] svg{fill:#fff;stroke:#fff}.favbtn--card[aria-pressed=true]:hover:before{background:var(--plum)}.tool-fav{position:relative}.tool-fav svg{fill:none}.tool-fav b{position:absolute;top:4px;right:1px;background:var(--mauve);color:var(--bg);font-size:1.2rem;border-radius:999px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-weight:600;line-height:1}.tool-fav b[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-favorites.css.map */