/* Generated from the Figma recipe in library.json. Do not edit. */
.button:not(.primary):not(.lime),.bookmark:not(.primary):not(.lime){
  --kp-button-fill:var(--kp-color-button-secondary);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:transparent;
  --kp-button-stroke-width:0px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button:not(.primary):not(.lime):is(:hover,[data-state="hover"]),.bookmark:not(.primary):not(.lime):is(:hover,[data-state="hover"]){
  --kp-button-fill:var(--kp-color-button-secondary);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button:not(.primary):not(.lime):is(:focus-visible,[data-state="focus"]),.bookmark:not(.primary):not(.lime):is(:focus-visible,[data-state="focus"]){
  --kp-button-fill:var(--kp-color-button-secondary);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-focus);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button:not(.primary):not(.lime):is(:active,[data-state="pressed"]),.bookmark:not(.primary):not(.lime):is(:active,[data-state="pressed"]){
  --kp-button-fill:var(--kp-color-button-secondary);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px 1px 6px 0px rgba(0,0,0,1);
  --kp-button-highlight:inset 0px -1px 6px 0px rgba(255,255,255,1);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:rgba(0,0,0,0.20000000298023224);
}
.button:not(.primary):not(.lime):is(:disabled,[aria-disabled="true"],[data-state="disabled"]),.bookmark:not(.primary):not(.lime):is(:disabled,[aria-disabled="true"],[data-state="disabled"]){
  --kp-button-fill:var(--kp-color-button-secondary-inactive);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke-inactive);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button:not(.primary):not(.lime):is([aria-busy="true"],[data-state="loading"]),.bookmark:not(.primary):not(.lime):is([aria-busy="true"],[data-state="loading"]){
  --kp-button-fill:var(--kp-color-button-secondary-inactive);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke-inactive);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.lime,.bookmark.lime{
  --kp-button-fill:var(--kp-color-button-accent);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:transparent;
  --kp-button-stroke-width:0px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.lime:is(:hover,[data-state="hover"]),.bookmark.lime:is(:hover,[data-state="hover"]){
  --kp-button-fill:var(--kp-color-button-accent);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.lime:is(:focus-visible,[data-state="focus"]),.bookmark.lime:is(:focus-visible,[data-state="focus"]){
  --kp-button-fill:var(--kp-color-button-accent);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-focus);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.lime:is(:active,[data-state="pressed"]),.bookmark.lime:is(:active,[data-state="pressed"]){
  --kp-button-fill:var(--kp-color-button-accent);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px 1px 6px 0px rgba(0,0,0,1);
  --kp-button-highlight:inset 0px -1px 6px 0px rgba(255,255,255,1);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:rgba(0,0,0,0.20000000298023224);
}
.button.lime:is(:disabled,[aria-disabled="true"],[data-state="disabled"]),.bookmark.lime:is(:disabled,[aria-disabled="true"],[data-state="disabled"]){
  --kp-button-fill:var(--kp-color-button-accent-inactive);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke-inactive);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.lime:is([aria-busy="true"],[data-state="loading"]),.bookmark.lime:is([aria-busy="true"],[data-state="loading"]){
  --kp-button-fill:var(--kp-color-button-accent-inactive);
  --kp-button-foreground:var(--kp-color-text);
  --kp-button-stroke:var(--kp-color-button-neutral-stroke-inactive);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.primary,.bookmark.primary{
  --kp-button-fill:var(--kp-color-button-primary);
  --kp-button-foreground:var(--kp-color-on-action);
  --kp-button-stroke:transparent;
  --kp-button-stroke-width:0px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.primary:is(:hover,[data-state="hover"]),.bookmark.primary:is(:hover,[data-state="hover"]){
  --kp-button-fill:var(--kp-color-button-primary);
  --kp-button-foreground:var(--kp-color-on-action);
  --kp-button-stroke:var(--kp-color-button-primary-stroke);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.primary:is(:focus-visible,[data-state="focus"]),.bookmark.primary:is(:focus-visible,[data-state="focus"]){
  --kp-button-fill:var(--kp-color-button-primary);
  --kp-button-foreground:var(--kp-color-on-action);
  --kp-button-stroke:var(--kp-color-button-focus);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.primary:is(:active,[data-state="pressed"]),.bookmark.primary:is(:active,[data-state="pressed"]){
  --kp-button-fill:var(--kp-color-button-primary);
  --kp-button-foreground:var(--kp-color-on-action);
  --kp-button-stroke:var(--kp-color-button-primary-stroke);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px 1px 6px 0px rgba(0,0,0,1);
  --kp-button-highlight:inset 0px -1px 6px 0px rgba(255,255,255,1);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:rgba(0,0,0,0.20000000298023224);
}
.button.primary:is(:disabled,[aria-disabled="true"],[data-state="disabled"]),.bookmark.primary:is(:disabled,[aria-disabled="true"],[data-state="disabled"]){
  --kp-button-fill:var(--kp-color-button-primary-inactive);
  --kp-button-foreground:var(--kp-color-on-action);
  --kp-button-stroke:var(--kp-color-button-primary-stroke-inactive);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}
.button.primary:is([aria-busy="true"],[data-state="loading"]),.bookmark.primary:is([aria-busy="true"],[data-state="loading"]){
  --kp-button-fill:var(--kp-color-button-primary-inactive);
  --kp-button-foreground:var(--kp-color-on-action);
  --kp-button-stroke:var(--kp-color-button-primary-stroke-inactive);
  --kp-button-stroke-width:1px;
  --kp-button-shade:inset 0px -1px 2px 0px rgba(0,0,0,0.25);
  --kp-button-highlight:inset 0px 1px 2px 0px rgba(255,255,255,0.25);
  --kp-button-shade-blend:overlay;
  --kp-button-highlight-blend:normal;
  --kp-button-tint:transparent;
}