.btn{justify-content:flex-start;align-items:center;display:flex}.btn[hidden]{display:none!important}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;height:var(--control-height);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);--btn-bg:var(--color-gray-100);--btn-border:var(--color-gray-200);--btn-text:var(--color-text-primary);--btn-hover-bg:var(--color-gray-200);--btn-hover-border:var(--color-gray-300);--btn-hover-text:var(--btn-text);--btn-hover-opacity:1;--btn-focus-bg:var(--btn-bg);--btn-focus-border:var(--color-accent);--btn-focus-text:var(--btn-text);--btn-focus-shadow:0 0 0 2px var(--color-focus-border);--btn-disabled-opacity:.6;--btn-shadow:none;--btn-hover-shadow:var(--btn-shadow);color:var(--btn-text);background:var(--btn-bg);border:1px solid var(--btn-border);box-shadow:var(--btn-shadow);border-radius:var(--corner-radius);--btn-spinner-arc-color:currentColor;--btn-spinner-track-color:color-mix(in srgb, currentColor 35%, transparent);padding:0 6px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.btn:hover:not(:disabled):not(.btn--loading){background:var(--btn-hover-bg);border-color:var(--btn-hover-border);color:var(--btn-hover-text);box-shadow:var(--btn-hover-shadow);opacity:var(--btn-hover-opacity)}.btn:focus-visible{background:var(--btn-focus-bg);border-color:var(--btn-focus-border);color:var(--btn-focus-text);box-shadow:var(--btn-focus-shadow);outline:none}.btn:active{transform:scale(.975)}.btn:disabled:not(.btn--loading){opacity:var(--btn-disabled-opacity);cursor:not-allowed}.btn--block{text-align:center;justify-content:center;width:100%}.btn--accent{--btn-bg:var(--color-accent-dark);--btn-border:var(--color-accent);--btn-text:#fff;--btn-hover-bg:var(--color-accent-dark);--btn-hover-border:var(--color-accent);--btn-hover-text:#fff;--btn-hover-opacity:.85;--btn-focus-bg:var(--color-accent-dark);--btn-focus-border:var(--color-accent);--btn-focus-text:#fff;--btn-focus-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 24%, transparent);font-weight:var(--font-weight-medium);--btn-spinner-arc-color:#fffffff2;--btn-spinner-track-color:#ffffff59}.btn--ghost{--btn-bg:transparent;--btn-border:transparent;--btn-text:var(--color-text-secondary);--btn-hover-bg:var(--color-gray-100);--btn-hover-border:transparent;--btn-hover-text:var(--color-text-primary);--btn-focus-bg:var(--color-gray-100);--btn-focus-border:transparent;--btn-focus-text:var(--color-text-primary)}.btn--danger{--btn-bg:color-mix(in srgb, var(--color-danger) 92%, #000 8%);--btn-border:color-mix(in srgb, var(--color-danger) 80%, #000 20%);--btn-text:#fff;--btn-hover-bg:color-mix(in srgb, var(--color-danger) 86%, #000 14%);--btn-hover-border:color-mix(in srgb, var(--color-danger) 74%, #000 26%);--btn-hover-text:#fff;--btn-focus-bg:color-mix(in srgb, var(--color-danger) 86%, #000 14%);--btn-focus-border:color-mix(in srgb, var(--color-danger) 74%, #000 26%);--btn-focus-text:#fff;--btn-focus-shadow:0 0 0 2px color-mix(in srgb, var(--color-danger) 24%, transparent);--btn-spinner-arc-color:#fffffff2;--btn-spinner-track-color:#ffffff59}.btn--loading{pointer-events:none;cursor:default;justify-content:center}.btn--loading:disabled{opacity:1;cursor:default}.btn--loading .spinner{--spinner-arc-color:var(--btn-spinner-arc-color);--spinner-track-color:var(--btn-spinner-track-color)}