.klyp-FavouriteToggle{border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--radius-full);background:var(--color-bg-surface);background:color-mix(in oklab, var(--color-bg-surface) 80%, transparent);width:32px;height:32px;color:var(--color-fg-primary);cursor:pointer;-webkit-backdrop-filter:var(--fx-glass-blur-soft);backdrop-filter:var(--fx-glass-blur-soft);transition:background var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);justify-content:center;align-items:center;padding:0;display:inline-flex}.klyp-FavouriteToggle[data-hovered]{border-color:var(--color-border-default);background:var(--color-bg-surface-hover);background:color-mix(in oklab, var(--color-bg-surface-hover) 90%, transparent)}.klyp-FavouriteToggle[data-pressed]{transform:scale(.94)}.klyp-FavouriteToggle[data-focus-visible]{box-shadow:0 0 0 2px var(--color-ring);outline:none}.klyp-FavouriteToggle[data-selected]{border-color:var(--color-border-default);color:var(--color-accent)}.klyp-FavouriteToggle:not([data-selected]){color:var(--color-fg-muted)}.klyp-FavouriteToggle__icon{flex-shrink:0;width:16px;height:16px}