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