.fav{--color-var:$bgColorHover;align-items:center;background-color:#0000;border:1px solid #0000;border-radius:8px;column-gap:4px;cursor:pointer;cursor:auto;display:flex;flex-wrap:wrap;justify-content:center;outline-offset:0;padding:5px}.fav,.fav:before{mask-position:center;transition:.3s}.fav:before{content:"";display:inline-block;height:20px;mask-image:url(/build/images/heart.f34c592f.svg);mask-repeat:no-repeat;mask-size:contain;width:20px}.fav:before:hover{background-color:#0009}.fav:not([disabled]):hover:before{background-color:var(--primary-color)}.fav>*{color:#0009}.fav:focus,.fav:hover{background-color:color-mix(in srgb,var(--color-var) 8%,#0000);border-color:var(--primary-color)}.fav:focus>*,.fav:hover>*{color:var(--primary-color)}.fav[class$=disabled],.fav[class$=disabled]:hover{background-color:#fff}.fav[class$=disabled]:before,.fav[class$=disabled]:hover:before{background-color:#cecfd3}.fav:before{background-color:#0009}.fav:not(:hover):focus{border-color:#0000}.fav:active:before,.fav:hover:before{opacity:1}.fav.selected{background-color:var(--primary-color);color:#fff;display:flex}.fav.selected:after,.fav.selected:before{background-color:#fff;mask-image:url(/build/images/heart_filled.cbd0662a.svg)}.fav.selected:not([disabled]):hover:after,.fav.selected:not([disabled]):hover:before{background-color:#fff}.fav .spinner{display:none;position:absolute}.fav.loading{position:relative}.fav.loading .label,.fav.loading:before{opacity:.5}.fav.loading .spinner{color:#0009;display:block}