@layer components{.btn-favorite[data-v-47fa9bb3]{align-items:center;background-color:var(--bg-basic-0);border-radius:8px;display:flex;flex-shrink:0;height:3.2rem;justify-content:center;transition:var(--transition-100);width:3.2rem}@media(hover:hover){.btn-favorite[data-v-47fa9bb3]:not(:disabled,[data-popper-shown]):hover{background-color:color-mix(in srgb,var(--bg-basic-200) 48%,transparent)}}.btn-favorite[data-v-47fa9bb3]:not(:disabled,[data-popper-shown]):active{background-color:color-mix(in srgb,var(--bg-basic-200) 80%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg-basic-200) 80%,transparent)}@media(hover:hover){.btn-favorite[data-v-47fa9bb3]:hover{opacity:1!important}}.btn-favorite[data-v-47fa9bb3] .icon{height:2rem;width:2rem}.btn-favorite[data-v-47fa9bb3] .icon svg path{vector-effect:non-scaling-stroke}.btn-favorite--is-favorite[data-v-47fa9bb3]{color:var(--primary-500);opacity:1!important}.btn-favorite--is-favorite[data-v-47fa9bb3] .icon svg path{fill:var(--primary-500)}.btn-favorite--rounded-none[data-v-47fa9bb3]{border-radius:0}.btn-favorite--rounded-lg[data-v-47fa9bb3]{border-radius:8px}.btn-favorite--rounded-full[data-v-47fa9bb3]{border-radius:9999px}.btn-favorite--lg[data-v-47fa9bb3]{background-color:transparent;height:4.8rem;width:5.6rem}.btn-favorite--lg[data-v-47fa9bb3] .icon{height:2.4rem;width:2.4rem}.btn-favorite--is-loading[data-v-47fa9bb3] .icon{animation:rotate 1s linear infinite}}