@layer arche.base;@layer arche.components{.arche-button{justify-content:center;align-items:center;gap:var(--arche-spacing-2);box-sizing:border-box;border-radius:var(--arche-radius-md);min-height:2.25rem;color:var(--arche-color-text);font-family:var(--arche-font-family-sans);font-size:var(--arche-font-size-sm);font-weight:var(--arche-font-weight-medium);letter-spacing:.01em;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:background-color var(--arche-duration-fast) var(--arche-easing-standard), border-color var(--arche-duration-fast) var(--arche-easing-standard), box-shadow var(--arche-duration-fast) var(--arche-easing-standard), color var(--arche-duration-fast) var(--arche-easing-standard), text-decoration-color var(--arche-duration-fast) var(--arche-easing-standard);background:0 0;border:1px solid #0000;margin-inline:0;padding:0 .875rem;line-height:1;text-decoration:none;display:inline-flex}.arche-button:where(:not(.arche-prose>*)){margin-block:0}.arche-button[data-size=sm]{min-height:1.75rem;font-size:var(--arche-font-size-xs);gap:.375rem;padding-inline:.625rem}.arche-button[data-size=md]{min-height:2.25rem;padding-inline:.875rem}.arche-button[data-size=lg]{min-height:2.75rem;padding-inline:1.125rem}.arche-button[data-icon-only]{padding-inline:0}.arche-button[data-icon-only][data-size=sm]{width:1.75rem}.arche-button[data-icon-only][data-size=md]{width:2.25rem}.arche-button[data-icon-only][data-size=lg]{width:2.75rem}.arche-button[data-variant=primary]{background:var(--arche-color-primary);color:var(--arche-color-on-primary)}.arche-button[data-variant=primary]:hover:not(:disabled,[aria-disabled=true]){background:var(--arche-color-primary-hover);box-shadow:var(--arche-glow-primary)}.arche-button[data-variant=secondary]{background:var(--arche-color-surface-raised);border-color:var(--arche-color-border);color:var(--arche-color-text-strong)}.arche-button[data-variant=secondary]:hover:not(:disabled,[aria-disabled=true]){border-color:var(--arche-color-border-strong);box-shadow:var(--arche-glow-hover)}.arche-button[data-variant=ghost]{color:var(--arche-color-text)}.arche-button[data-variant=ghost]:hover:not(:disabled,[aria-disabled=true]){background:var(--arche-color-hover);color:var(--arche-color-text-strong)}.arche-button[data-variant=ghost]:active:not(:disabled,[aria-disabled=true]){background:var(--arche-color-press)}.arche-button[data-variant=danger]{background:var(--arche-color-danger);color:var(--arche-color-on-status)}.arche-button[data-variant=danger]:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in oklab, var(--arche-color-danger) 86%, var(--arche-color-text-strong));box-shadow:0 0 calc(var(--arche-glow) * 16px) color-mix(in oklab, var(--arche-color-danger) calc(var(--arche-glow) * 30%), transparent)}.arche-button[data-variant=primary]:hover:focus-visible:not(:disabled,[aria-disabled=true]){box-shadow:var(--arche-glow-focus-halo), var(--arche-glow-primary)}.arche-button[data-variant=secondary]:hover:focus-visible:not(:disabled,[aria-disabled=true]){box-shadow:var(--arche-glow-focus-halo), var(--arche-glow-hover)}.arche-button[data-variant=danger]:hover:focus-visible:not(:disabled,[aria-disabled=true]){box-shadow:var(--arche-glow-focus-halo), 0 0 calc(var(--arche-glow) * 16px) color-mix(in oklab, var(--arche-color-danger) calc(var(--arche-glow) * 30%), transparent)}.arche-button[data-variant=link]{min-height:0;color:var(--arche-color-link);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);text-decoration-color:color-mix(in oklab, currentColor 45%, transparent);vertical-align:baseline;background:0 0;border:0;padding:0}.arche-button[data-variant=link][data-icon-only]{width:auto}.arche-button[data-variant=link]:hover:not(:disabled,[aria-disabled=true]){text-decoration-color:currentColor;text-decoration-thickness:2px}.arche-button:is(:disabled,[aria-disabled=true]:not([aria-busy=true])){background:var(--arche-color-hover);color:var(--arche-color-text-disabled);box-shadow:none;cursor:not-allowed;border-color:#0000}.arche-button[data-variant=link]:is(:disabled,[aria-disabled=true]:not([aria-busy=true])){background:0 0}.arche-button[aria-busy=true]{cursor:progress}.arche-button__label{display:inline-block}.arche-button__spinner{width:var(--arche-spacing-4);height:var(--arche-spacing-4);flex:none;place-items:center;display:inline-grid}.arche-button__spinner:before{content:"";box-sizing:border-box;border-radius:var(--arche-radius-full);border:1.5px solid;border-right-color:#0000;width:.75rem;height:.75rem;animation:.8s linear infinite arche-button-spin}.arche-button[data-size=lg] .arche-button__spinner{width:var(--arche-spacing-5);height:var(--arche-spacing-5)}.arche-button[data-size=lg] .arche-button__spinner:before{width:.875rem;height:.875rem}@keyframes arche-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.arche-button__spinner:before{animation:none}}@media (forced-colors:active){.arche-button[data-variant]{border-color:buttontext}.arche-button[data-variant=link]{color:linktext}.arche-button:is(:disabled,[aria-disabled=true]:not([aria-busy=true])){color:graytext;border-color:graytext}.arche-button__spinner:before{forced-color-adjust:none;border-color:currentColor #0000 currentColor currentColor}}}