@layer components{.bookmark-btn{display:flex;align-items:center;gap:.5rem;padding-inline:.75rem;padding-block:.5rem;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border-color);background-color:var(--background);color:var(--muted-foreground);font-size:.875rem;line-height:calc(1.25 / .875);font-weight:500;transition-property:color,background-color,border-color,outline-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (hover:hover){.bookmark-btn:hover{color:var(--foreground);background-color:var(--muted)}}.bookmark-btn--active{border-color:var(--primary);background-color:var(--primary);color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bookmark-btn--active{border-color:color-mix(in oklab,var(--primary) 40%,transparent);background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}@media (hover:hover){.bookmark-btn--active:hover{color:var(--primary);background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bookmark-btn--active:hover{background-color:color-mix(in oklab,var(--primary) 20%,transparent)}}}.bookmark-btn--pending{opacity:.5;cursor:not-allowed}.bookmark-btn__icon{width:1rem;height:1rem}.bookmark-btn__icon--filled,.co-icon-btn__icon--filled{fill:currentColor}.co-icon-btn__icon{width:1.25rem;height:1.25rem}}