@layer theme,base;@layer components{.btn{--btn-bg:transparent;--btn-bg-hover:transparent;--btn-bg-pressed:transparent;--btn-bg-disabled:var(--color-sand-300);--btn-fg:inherit;--btn-fg-disabled:var(--muted,#999);min-height:3rem;font-family:var(--sans,inherit);cursor:pointer;background:var(--btn-bg);color:var(--btn-fg);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;line-height:1.2;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover:not(:disabled),.btn[data-force-hover]:not(:disabled){background:var(--btn-bg-hover)}.btn:active:not(:disabled),.btn[data-force-active]:not(:disabled){background:var(--btn-bg-pressed);transform:scale(.99)}.btn:focus-visible{outline:2px solid var(--color-purple-dark);outline-offset:2px}.btn:disabled{background:var(--btn-bg-disabled);color:var(--btn-fg-disabled);cursor:not-allowed}.btn-full{width:100%}.btn-size-md{min-height:3rem;padding:.875rem 1.5rem;font-size:1rem}.btn-size-lg{min-height:3.5rem;padding:1.125rem 2rem;font-size:1.0625rem}.btn-label{display:inline-block}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-loading{cursor:progress}.btn-spinner{opacity:.85;border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.7s linear infinite btnSpin}.btn-primary{--btn-bg:var(--color-action-primary-bg);--btn-bg-hover:var(--color-action-primary-pressed);--btn-bg-pressed:var(--color-purple-darkest);--btn-bg-disabled:var(--color-sand-300);--btn-fg:var(--color-action-primary-text);--btn-fg-disabled:var(--color-text-strong)}.btn-secondary{background:linear-gradient(var(--card),var(--card))padding-box,var(--background-image-border-grad-1)border-box;color:var(--color-text-strong);border:1.5px solid #0000}.btn-secondary:hover:not(:disabled),.btn-secondary[data-force-hover]:not(:disabled){background:linear-gradient(var(--color-sand-50),var(--color-sand-50))padding-box,var(--background-image-border-grad-1)border-box}.btn-secondary:active:not(:disabled),.btn-secondary[data-force-active]:not(:disabled){background:linear-gradient(var(--color-sand-100),var(--color-sand-100))padding-box,var(--background-image-border-grad-1)border-box;transform:scale(.99)}.btn-secondary:disabled{background:linear-gradient(var(--card),var(--card))padding-box,linear-gradient(var(--color-sand-300),var(--color-sand-300))border-box;color:var(--color-text-mid)}}@layer utilities;@keyframes btnSpin{to{transform:rotate(360deg)}}