.fav{--color-var:$bgColorHover;align-items:center;background-color:transparent;border:1px solid transparent;border-radius:8px;-moz-column-gap:4px;column-gap:4px;cursor:pointer;cursor:auto;display:flex;flex-wrap:wrap;justify-content:center;outline-offset:0;padding:5px}.fav,.fav:before{-webkit-mask-position:center;mask-position:center;transition:.3s}.fav:before{content:"";display:inline-block;height:20px;-webkit-mask-image:url(/build/images/heart.f34c592f.svg);mask-image:url(/build/images/heart.f34c592f.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:20px}.fav:before:hover{background-color:rgba(0,0,0,.6)}.fav:not([disabled]):hover:before{background-color:var(--primary-color)}.fav>*{color:rgba(0,0,0,.6)}.fav:focus,.fav:hover{background-color:color-mix(in srgb,var(--color-var) 8%,transparent);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:rgba(0,0,0,.6)}.fav:not(:hover):focus{border-color:transparent}.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;-webkit-mask-image:url(/build/images/heart_filled.cbd0662a.svg);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:rgba(0,0,0,.6);display:block}