:root{--cs-button-radius:var(--radius-md);--cs-button-radius-sm:var(--radius-sm);--cs-button-radius-lg:var(--radius-lg);--cs-button-radius-xl:var(--radius-xl);--cs-button-fs:var(--font-size-md);--cs-button-fw:var(--font-weight-semibold);--cs-button-gap:var(--space-1);--cs-button-h-sm:24px;--cs-button-h-md:32px;--cs-button-h-lg:40px;--cs-button-pad-sm:6px 8px;--cs-button-pad-md:6px 8px;--cs-button-pad-lg:8px 16px}:root .cs-button--primary{--cs-button-primary-bg:var(--cs-accent-primary-fill-default);--cs-button-primary-bg-hover:var(--cs-accent-primary-fill-hover);--cs-button-primary-bg-active:var(--cs-accent-primary-fill-active);--cs-button-primary-bg-pressed:var(--cs-accent-primary-fill-pressed);--cs-button-primary-bg-disabled:var(--cs-accent-primary-fill-disabled);--cs-button-primary-border:var(--cs-accent-primary-border-default);--cs-button-primary-border-disabled:var(--cs-border-muted);--cs-button-primary-fg:var(--cs-text-on-accent);--cs-button-primary-icon:var(--cs-text-on-accent);--cs-button-primary-fg-disabled:var(--cs-text-muted)}:root .cs-button--secondary{--cs-button-secondary-bg:var(--cs-bg-default);--cs-button-secondary-bg-hover:var(--cs-surface-sunken);--cs-button-secondary-bg-active:var(--cs-interactive-selected);--cs-button-secondary-bg-pressed:var(--cs-surface-sunken);--cs-button-secondary-bg-disabled:var(--cs-bg-muted);--cs-button-secondary-border:var(--cs-border-default);--cs-button-secondary-shadow:var(--cs-shadow-default,0 1px 2px 0 #fff);--cs-button-secondary-fg:var(--cs-text-primary);--cs-button-secondary-icon:var(--cs-text-primary)}:root .cs-button--tertiary{--cs-button-tertiary-bg:transparent;--cs-button-tertiary-bg-hover:var(--cs-surface-subtle);--cs-button-tertiary-bg-active:var(--cs-interactive-selected);--cs-button-tertiary-bg-pressed:var(--cs-surface-subtle);--cs-button-tertiary-bg-disabled:var(--cs-bg-muted);--cs-button-tertiary-border-hover:var(--cs-surface-subtle);--cs-button-tertiary-fg:var(--cs-text-primary);--cs-button-tertiary-icon:var(--cs-text-primary)}:root{--cs-button-danger-bg:var(--cs-state-error);--cs-button-danger-fg:var(--cs-text-on-accent);--cs-button-split-divider:var(--cs-bg-opacity20);--cs-button-split-icon:var(--cs-icon-secondary);--cs-button-split-icon-disabled:var(--cs-icon-muted);--cs-button-focus-color:var(--cs-focus);--cs-button-focus-surface:var(--cs-surface);--cs-button-focus-offset:5px;--cs-button-focus-width:1px;--cs-button-disabled-bg:var(--cs-disabled-bg);--cs-button-disabled-fg:var(--cs-disabled-fg);--cs-button-disabled-border:var(--cs-disabled-border);--cs-button-disabled-shadow:var(--cs-disabled-shadow)}.cs-button{justify-content:center;align-items:center;gap:var(--cs-button-gap);height:var(--cs-button-h-md);padding:var(--cs-button-pad-md);border-radius:var(--cs-button-radius-lg);box-shadow:1px 1px 4px 0 var(--color-white-a20,#fff3) inset;font-size:var(--cs-button-fs);font-weight:var(--cs-button-fw);-webkit-user-select:none;user-select:none;cursor:pointer;border-style:solid;border-width:1px;transition:all .15s ease-in-out;display:inline-flex}.cs-button--sm{height:var(--cs-button-h-sm);padding:var(--cs-button-pad-sm);border-radius:var(--cs-button-radius);font-size:var(--cs-button-fs)}.cs-button--md{height:var(--cs-button-h-md);padding:var(--cs-button-pad-md);border-radius:var(--cs-button-radius-lg);font-size:var(--cs-button-fs)}.cs-button--lg{height:var(--cs-button-h-lg);padding:var(--cs-button-pad-lg);border-radius:var(--cs-button-radius-lg);font-size:var(--cs-button-fs)}.cs-button--block{width:100%}:where(.cs-button--primary){background-color:var(--cs-button-primary-bg);color:var(--cs-button-primary-fg);border-color:var(--cs-button-primary-border);background-blend-mode:overlay}:where(.cs-button--primary):not(:disabled):hover{background-color:var(--cs-button-primary-bg-hover)}:where(.cs-button--primary):not(:disabled):active{background-color:var(--cs-button-primary-bg-active)}:where(.cs-button--primary).is-pressed,:where(.cs-button--primary)[aria-pressed=true]{background-color:var(--cs-button-primary-bg-pressed);opacity:.4}:where(.cs-button--secondary){background-color:var(--cs-button-secondary-bg);color:var(--cs-button-secondary-fg);border-color:var(--cs-button-secondary-border);box-shadow:var(--cs-button-secondary-shadow)}:where(.cs-button--secondary):not(:disabled):hover{background-color:var(--cs-button-secondary-bg-hover)}:where(.cs-button--secondary)[aria-pressed=true],:where(.cs-button--secondary).is-pressed{background-color:var(--cs-button-secondary-bg-pressed)}:where(.cs-button--secondary):not(:disabled):focus-visible{outline:none;position:relative}:where(.cs-button--secondary):not(:disabled):focus-visible:before{content:"";border:1px solid var(--cs-interactive-outline);border-radius:var(--cs-button-radius-xl);width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}:where(.cs-button--tertiary){background-color:var(--cs-button-tertiary-bg);color:var(--cs-button-tertiary-fg);border-color:#0000}:where(.cs-button--tertiary):not(:disabled):hover{background-color:var(--cs-button-tertiary-bg-hover);border-color:var(--cs-button-tertiary-border-hover)}:where(.cs-button--tertiary)[aria-pressed=true],:where(.cs-button--tertiary).is-pressed{background-color:var(--cs-button-tertiary-bg-pressed)}:where(.cs-button--tertiary):not(:disabled):focus-visible{background-color:var(--cs-button-tertiary-bg-hover);outline:none;position:relative}:where(.cs-button--tertiary):not(:disabled):focus-visible:before{content:"";border:1px solid var(--cs-interactive-outline);border-radius:var(--cs-button-radius-xl);width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;inset:-2px}:where(.cs-button--danger){background-color:var(--cs-button-danger-bg);color:var(--cs-button-danger-fg);border-color:#0000}:where(.cs-button--danger):not(:disabled):hover{filter:brightness(1.1)}.cs-button:disabled,.cs-button.is-disabled{cursor:not-allowed;pointer-events:none;background-color:var(--cs-button-disabled-bg)!important;color:var(--cs-button-disabled-fg)!important;border-color:var(--cs-button-disabled-border)!important;box-shadow:var(--cs-button-disabled-shadow)!important}.cs-button__start:empty,.cs-button__end:empty{display:none}.cs-button__start{margin-right:var(--cs-button-gap);display:inline-flex}.cs-button__end{margin-left:var(--cs-button-gap);display:inline-flex}.cs-button__label{align-items:center;display:inline-flex}.cs-button--sm .cs-button__start>*,.cs-button--sm .cs-button__end>*,.cs-button--md .cs-button__start>*,.cs-button--md .cs-button__end>*,.cs-button--lg .cs-button__start>*,.cs-button--lg .cs-button__end>*{width:12px;height:12px}.cs-button__loader{border:2px solid;border-top-color:#0000;border-radius:9999px;width:1rem;height:1rem;animation:.8s linear infinite cs-btn-spin}@keyframes cs-btn-spin{to{transform:rotate(360deg)}}