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