@layer components{.favorite-button-container svg{width:1.25rem;height:1.25rem}.favorite-button{display:flex;align-items:center;justify-content:center;background:#0006;padding:var(--space-1-5);border-radius:var(--radius-full);border:none;transition:background-color var(--transition-fast),color var(--transition-fast);color:var(--color-text-inverse)}.favorite-button:hover{background:#0009;color:var(--color-error)}.favorite-button:active{transform:scale(.95)}.favorite-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.favorite-button.favorite-button--active{color:var(--color-error);background:var(--color-error-light);border-color:color-mix(in oklch,var(--color-error) 25%,transparent)}.favorite-button.favorite-button--active svg{color:var(--color-error)}.favorite-button.favorite-button--active:hover{color:var(--color-error-hover)}.favorite-button.favorite-button--active:hover svg{color:var(--color-error-hover)}.favorite-button.favorite-button--small{padding:var(--space-1)}.favorite-button.favorite-button--medium{padding:var(--space-1-5)}.favorite-button.favorite-button--large{padding:var(--space-2)}.favorite-button-container--small svg{width:1.125rem;height:1.125rem}.favorite-button-container--medium svg{width:1.375rem;height:1.375rem}.favorite-button-container--large svg{width:1.75rem;height:1.75rem}@media(max-width:767px){.favorite-button{min-width:2.75rem;min-height:2.75rem;background:#0000008c;box-shadow:0 1px 3px #0000002e}.favorite-button--active{box-shadow:0 1px 3px #0003}.favorite-button-container--small .favorite-button{padding:var(--space-2)}.favorite-button-container--small svg{width:1.375rem;height:1.375rem}}.favorite-login-prompt{position:fixed;inset:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.favorite-login-prompt-content{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:20rem;text-align:center;box-shadow:var(--shadow-md)}.favorite-login-prompt-content p{margin:0 0 var(--space-4);color:var(--color-text-secondary)}.favorite-login-prompt-actions{display:flex;gap:var(--space-3);justify-content:center}.favorite-login-prompt-login{padding:var(--space-2) var(--space-5);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-weight:var(--font-medium);text-decoration:none}.favorite-login-prompt-login:hover{background:var(--color-primary-hover);text-decoration:none}.favorite-login-prompt-cancel{padding:var(--space-2) var(--space-5);background:var(--color-surface-hover);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-weight:var(--font-medium)}.favorite-login-prompt-cancel:hover{background:var(--color-border)}}