@layer faye-ui.reset,faye-ui.tokens,faye-ui.base;@layer faye-ui.components{.faye-ui-button-root{--_frame:var(--faye-ui-control-md);--faye-ui-action-gap:calc(var(--faye-ui-space-1) + var(--faye-ui-space-half));--_bg:var(--faye-ui-color-neutral);--_fg:var(--faye-ui-color-on-neutral);--_h:var(--faye-ui-color-neutral-hover);--_a:var(--faye-ui-color-neutral-active);--_s:var(--faye-ui-color-subtle);--_sh:var(--faye-ui-color-hover);--_sa:var(--faye-ui-color-pressed);--_t:var(--faye-ui-color-text);box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:var(--faye-ui-action-gap);min-block-size:var(--_frame);padding:var(--faye-ui-space-half) var(--faye-ui-space-2);border:var(--faye-ui-border-width) solid transparent;border-radius:var(--faye-ui-radius-control);font:var(--faye-ui-font-weight-medium) var(--faye-ui-font-size-md)/round(up,calc(1em * var(--faye-ui-line-normal)),1px) var(--faye-ui-font-body);white-space:normal;overflow-wrap:anywhere;cursor:pointer;-webkit-user-select:none;user-select:none;max-inline-size:100%;transition:background-color var(--faye-ui-motion-fast) var(--faye-ui-motion-ease),border-color var(--faye-ui-motion-fast) var(--faye-ui-motion-ease),color var(--faye-ui-motion-fast) var(--faye-ui-motion-ease);color:var(--_t);background:0 0;text-decoration:none;display:inline-flex;position:relative}.faye-ui-button-label{align-items:center;gap:var(--faye-ui-action-gap);min-inline-size:0;display:inline-flex}.faye-ui-button-start-icon,.faye-ui-button-end-icon{flex:none;place-items:center;line-height:0;display:inline-grid}.faye-ui-button-label>:is(svg,img){flex-shrink:0}.faye-ui-button-root[data-variant=outline]{border-color:var(--faye-ui-color-border);background:var(--faye-ui-color-surface)}.faye-ui-button-root[data-variant=soft]{background:var(--_s)}.faye-ui-button-root:is(:disabled,[data-disabled],[aria-disabled=true]):not([aria-busy=true]),.faye-ui-button-root[data-unavailable]{opacity:var(--faye-ui-opacity-disabled);cursor:not-allowed}.faye-ui-button-root:is(:focus-visible,[data-faye-ui-focus-ring]:where(:focus)){outline:var(--faye-ui-focus-width) solid var(--faye-ui-color-focus);outline-offset:calc(-1 * var(--faye-ui-focus-width))}.faye-ui-button-root[data-variant=solid]{background:var(--_bg);color:var(--_fg);outline-color:currentColor}.faye-ui-button-root[data-size=xs]{--_frame:var(--faye-ui-control-xs);font-size:var(--faye-ui-font-size-xs);padding-inline:var(--faye-ui-space-1);--faye-ui-action-gap:var(--faye-ui-space-1)}.faye-ui-button-root[data-size=sm]{--_frame:var(--faye-ui-control-sm);font-size:var(--faye-ui-font-size-sm);--faye-ui-action-gap:var(--faye-ui-space-1)}.faye-ui-button-root[data-size=lg]{--_inline:28px;--_frame:var(--faye-ui-control-lg);padding-inline:var(--faye-ui-space-3);--faye-ui-action-gap:var(--faye-ui-space-2)}.faye-ui-button-root.faye-ui-icon-button{block-size:max-content;inline-size:max-content;min-inline-size:var(--_frame);aspect-ratio:1;flex-shrink:0;padding:0}.faye-ui-icon-button>.faye-ui-button-label{block-size:100%}.faye-ui-icon-button>.faye-ui-button-label>:is(svg,img){object-fit:contain;max-block-size:100%}.faye-ui-button-group{align-items:stretch;max-inline-size:100%;display:inline-flex}.faye-ui-button-group:not([data-orientation=vertical])>.faye-ui-button-root:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:calc(-1 * var(--faye-ui-border-width))}.faye-ui-button-group:not([data-orientation=vertical])>.faye-ui-button-root:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.faye-ui-button-group>.faye-ui-button-root:is(:focus-visible,[data-faye-ui-focus-ring]:where(:focus)){z-index:var(--faye-ui-z-raised)}.faye-ui-button-spinner{box-sizing:border-box;inline-size:var(--faye-ui-control-icon);block-size:var(--faye-ui-control-icon);border:var(--faye-ui-border-width-strong) solid currentColor;border-radius:var(--faye-ui-radius-full);animation:faye-ui-button-spin var(--faye-ui-motion-spin) linear var(--faye-ui-motion-loop-count);border-inline-end-color:#0000}@keyframes faye-ui-button-spin{to{transform:rotate(360deg)}}@media (hover:hover){.faye-ui-button-root:not(:disabled,[data-disabled],[aria-disabled=true]):hover{background:var(--_sh)}.faye-ui-button-root[data-variant=solid]:not(:disabled,[data-disabled],[aria-disabled=true]):hover{background:var(--_h)}}.faye-ui-button-root:not(:disabled,[data-disabled],[aria-disabled=true]):active{background:var(--_sa)}.faye-ui-button-root[data-variant=solid]:not(:disabled,[data-disabled],[aria-disabled=true]):active{background:var(--_a)}@media (prefers-reduced-motion:reduce){.faye-ui-button-spinner{border-style:dotted;animation:none}}@media (forced-colors:active){.faye-ui-button-root{border-color:buttontext}.faye-ui-button-root[data-variant=solid]{forced-color-adjust:none;color:highlighttext;background:highlight}}.faye-ui-button-root[data-tone=accent]{--_bg:var(--faye-ui-color-accent);--_fg:var(--faye-ui-color-on-accent);--_h:var(--faye-ui-color-accent-hover);--_a:var(--faye-ui-color-accent-active);--_s:var(--faye-ui-color-accent-soft);--_sh:var(--faye-ui-color-accent-soft-hover);--_sa:var(--faye-ui-color-accent-soft-active);--_t:var(--faye-ui-color-accent-text)}.faye-ui-button-root[data-tone=danger]{--_bg:var(--faye-ui-color-danger);--_fg:var(--faye-ui-color-on-danger);--_h:var(--faye-ui-color-danger-hover);--_a:var(--faye-ui-color-danger-active);--_s:var(--faye-ui-color-danger-soft);--_sh:var(--faye-ui-color-danger-soft-hover);--_sa:var(--faye-ui-color-danger-soft-active);--_t:var(--faye-ui-color-danger-text)}.faye-ui-button-root[data-tone=info]{--_bg:var(--faye-ui-color-info);--_fg:var(--faye-ui-color-on-info);--_h:var(--faye-ui-color-info-hover);--_a:var(--faye-ui-color-info-active);--_s:var(--faye-ui-color-info-soft);--_sh:var(--faye-ui-color-info-soft-hover);--_sa:var(--faye-ui-color-info-soft-active);--_t:var(--faye-ui-color-info-text)}.faye-ui-button-root[data-tone=secondary]{--_bg:var(--faye-ui-color-secondary);--_fg:var(--faye-ui-color-on-secondary);--_h:var(--faye-ui-color-secondary-hover);--_a:var(--faye-ui-color-secondary-active);--_s:var(--faye-ui-color-secondary-soft);--_sh:var(--faye-ui-color-secondary-soft-hover);--_sa:var(--faye-ui-color-secondary-soft-active);--_t:var(--faye-ui-color-secondary-text)}.faye-ui-button-root[data-tone=success]{--_bg:var(--faye-ui-color-success);--_fg:var(--faye-ui-color-on-success);--_h:var(--faye-ui-color-success-hover);--_a:var(--faye-ui-color-success-active);--_s:var(--faye-ui-color-success-soft);--_sh:var(--faye-ui-color-success-soft-hover);--_sa:var(--faye-ui-color-success-soft-active);--_t:var(--faye-ui-color-success-text)}.faye-ui-button-root[data-tone=warning]{--_bg:var(--faye-ui-color-warning);--_fg:var(--faye-ui-color-on-warning);--_h:var(--faye-ui-color-warning-hover);--_a:var(--faye-ui-color-warning-active);--_s:var(--faye-ui-color-warning-soft);--_sh:var(--faye-ui-color-warning-soft-hover);--_sa:var(--faye-ui-color-warning-soft-active);--_t:var(--faye-ui-color-warning-text)}.faye-ui-button-root[aria-busy=true]{cursor:progress}.faye-ui-button-indicator{visibility:hidden;inline-size:var(--faye-ui-control-icon);block-size:var(--faye-ui-control-icon);flex:none;place-items:center;display:inline-grid}.faye-ui-button-indicator[data-visible]{visibility:visible}.faye-ui-button-root[data-pending-position=end]>.faye-ui-button-indicator{order:1}.faye-ui-button-root[data-pending-position=center]>.faye-ui-button-indicator{position:absolute}.faye-ui-button-root[aria-busy=true][data-pending-position=center]>.faye-ui-button-label{opacity:0}[data-faye-ui-motion=reduced] .faye-ui-button-spinner{border-style:dotted;animation:none}.faye-ui-button-root.faye-ui-inline-control{min-block-size:var(--_inline,24px);min-inline-size:var(--_inline,24px);padding-block:0}.faye-ui-button-root[data-full-width]{aspect-ratio:auto;inline-size:100%}.faye-ui-button-group[data-orientation=vertical]{flex-direction:column}.faye-ui-button-group[data-orientation=vertical]>.faye-ui-button-root:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;margin-block-start:calc(-1 * var(--faye-ui-border-width))}.faye-ui-button-group[data-orientation=vertical]>.faye-ui-button-root:not(:last-child){border-end-end-radius:0;border-end-start-radius:0}}@layer faye-ui.variants{@media (pointer:coarse){.faye-ui-button-root{min-block-size:44px;min-inline-size:44px}}}@layer faye-ui.brand,faye-ui.product,faye-ui.local;
