[data-obrys-component=button]:not([data-obrys-unstyled]){display:inline-flex;align-items:center;justify-content:center;gap:var(--obrys-spacing-2);font-family:var(--obrys-font-family-sans);font-size:var(--obrys-button-font-size);font-weight:var(--obrys-button-font-weight);line-height:var(--obrys-button-line-height);text-decoration:none;white-space:nowrap;padding:var(--obrys-button-padding);border-radius:var(--obrys-button-border-radius);border:var(--obrys-border-width-1) solid transparent;transition:var(--obrys-button-transition);cursor:pointer;-webkit-user-select:none;user-select:none;--local-fg: var(--obrys-button-primary-fg);--local-border: var(--obrys-button-primary-border);--local-bg: var(--obrys-button-primary-bg);--local-bg-hover: var(--obrys-button-primary-bg-hover);--local-bg-active: var(--obrys-button-primary-bg-active);--local-icon-size: 1rem;background-color:var(--local-bg);color:var(--local-fg);border-color:var(--local-border)}[data-obrys-component=button]:not([data-obrys-unstyled]):hover:not(:disabled){background-color:var(--local-bg-hover);box-shadow:var(--obrys-shadow-md)}[data-obrys-component=button]:not([data-obrys-unstyled]):active:not(:disabled){background-color:var(--local-bg-active);box-shadow:var(--obrys-shadow-sm)}[data-obrys-component=button]:not([data-obrys-unstyled]):focus-visible{outline:2px solid var(--obrys-color-ring);outline-offset:2px}[data-obrys-component=button]:not([data-obrys-unstyled]):disabled{opacity:.5;cursor:not-allowed;box-shadow:none}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-loading]{cursor:wait}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-variant=primary]{--local-fg: var(--obrys-button-primary-fg);--local-border: var(--obrys-button-primary-border);--local-bg: var(--obrys-button-primary-bg);--local-bg-hover: var(--obrys-button-primary-bg-hover);--local-bg-active: var(--obrys-button-primary-bg-active)}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-variant=secondary]{--local-fg: var(--obrys-button-secondary-fg);--local-border: var(--obrys-button-secondary-border);--local-bg: var(--obrys-button-secondary-bg);--local-bg-hover: var(--obrys-button-secondary-bg-hover);--local-bg-active: var(--obrys-button-secondary-bg-active)}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-variant=outline]{--local-fg: var(--obrys-button-outline-fg);--local-border: var(--obrys-button-outline-border);--local-bg: var(--obrys-button-outline-bg);--local-bg-hover: var(--obrys-button-outline-bg-hover);--local-bg-active: var(--obrys-button-outline-bg-active)}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-variant=ghost]{--local-fg: var(--obrys-button-ghost-fr);--local-border: var(--obrys-button-ghost-border);--local-bg: var(--obrys-button-ghost-bg);--local-bg-hover: var(--obrys-button-ghost-bg-hover);--local-bg-active: var(--obrys-button-ghost-bg-active)}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-variant=destructive]{--local-fg: var(--obrys-button-destructive-fr);--local-border: var(--obrys-button-destructive-border);--local-bg: var(--obrys-button-destructive-bg);--local-bg-hover: var(--obrys-button-destructive-bg-hover);--local-bg-active: var(--obrys-button-destructive-bg-active)}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-size=sm]{--obrys-button-padding: var(--obrys-button-sm-padding);--obrys-button-font-size: var(--obrys-button-sm-font-size);--local-icon-size: var(--obrys-button-sm-font-size);--local-icon-width: 2px}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-size=md]{--obrys-button-padding: var(--obrys-button-md-padding);--obrys-button-font-size: var(--obrys-button-md-font-size);--local-icon-width: 2px}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-size=lg]{--obrys-button-padding: var(--obrys-button-lg-padding);--obrys-button-font-size: var(--obrys-button-lg-font-size);--local-icon-width: 3px}[data-obrys-component=button]:not([data-obrys-unstyled])[data-obrys-size=xl]{--obrys-button-padding: var(--obrys-button-xl-padding);--obrys-button-font-size: var(--obrys-button-xl-font-size);--local-icon-width: 3px}[data-obrys-component=button]:not([data-obrys-unstyled]) [data-obrys-part=icon],[data-obrys-component=button]:not([data-obrys-unstyled]) [data-obrys-part=spinner-icon],[data-obrys-component=button]:not([data-obrys-unstyled]) [data-obrys-part=spinner-overlay]{line-height:.8}[data-obrys-component=button]:not([data-obrys-unstyled]) [data-obrys-part=icon]>*{width:var(--local-icon-size);height:var(--local-icon-size)}[data-obrys-component=button]:not([data-obrys-unstyled]) [data-obrys-part=spinner-icon]:nth-child(2){display:none}[data-obrys-component=button]:not([data-obrys-unstyled]) [data-obrys-part=spinner-overlay]{--obrys-backdrop-blur: var(--obrys-button-spinner-bg-blur);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none;animation:obrys-backdrop-blur .25s ease forwards}[data-obrys-component=button]:not([data-obrys-unstyled]):has([data-obrys-part=spinner-overlay]){position:relative;overflow:hidden}[data-obrys-component=spinner]{display:inline-block;box-sizing:border-box;width:var(--local-size);height:var(--local-size);border:var(--local-width) solid currentColor;border-top-color:transparent;border-radius:50%;animation:obrys-spin var(--obrys-duration-1000) linear infinite}