@scope([data-ui=button].button) to ([data-ui]:not([data-ui=button])){:scope{font-family:var(--font-sans);font-weight:var(--font-weight-5);font-size:var(--font-size-1);border-radius:var(--border-size-3);transition:background-color var(--ease-out-3), border-color var(--ease-out-3), color var(--ease-out-3);cursor:pointer;pointer-events:auto;opacity:1;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;min-width:0;text-decoration:none;display:inline-flex}.button-inner{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.button-inner>svg{flex-shrink:0}:scope:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}:scope:disabled{opacity:.5;pointer-events:none}:scope[data-variant=primary]{background-color:var(--color-primary);color:var(--color-text-on-primary);stroke:var(--color-text-on-primary)}:scope[data-variant=primary]:hover{background-color:var(--color-primary-hover)}:scope[data-variant=destructive]{background-color:var(--color-destructive);color:var(--color-text-on-destructive);stroke:var(--color-text-on-destructive)}:scope[data-variant=destructive]:hover{background-color:var(--color-destructive-hover)}:scope[data-variant=outline]{border:1px solid var(--color-border-1);color:var(--color-text-1);background:var(--color-surface-1)}:scope[data-variant=outline]:hover{background-color:var(--color-surface-3)}:scope[data-variant=secondary]{background-color:var(--color-primary-subtle);color:var(--color-text-on-primary-subtle);stroke:var(--color-text-on-primary-subtle)}:scope[data-variant=secondary]:hover{background-color:var(--color-primary-subtle-hover)}:scope[data-variant=ghost]{color:var(--color-text-1);background-color:#0000;border:none}:scope[data-variant=ghost]:hover,:scope[data-variant=ghost][data-active]{background-color:var(--color-surface-3)}:scope[data-variant=ghost][data-subtle=true]{color:var(--color-text-2)}:scope[data-variant=floating]{border-radius:var(--radius-4);background:var(--color-surface-1);box-shadow:var(--shadow-overlay);white-space:nowrap;transition:background-color var(--ease-out-3), border-color var(--ease-out-3), color var(--ease-out-3), transform .18s cubic-bezier(.34, 1.56, .64, 1);will-change:transform;border:0}:scope[data-variant=floating]:active:not(:disabled){transition:background-color var(--ease-out-3), border-color var(--ease-out-3), color var(--ease-out-3), transform 80ms cubic-bezier(.2, 0, 0, 1);transform:scale(.97)}:scope[data-tone=destructive]{color:var(--color-text-destructive);stroke:var(--color-text-destructive)}:scope[data-align=start]{justify-content:flex-start}:scope[data-size=small]{height:1.75rem;font-size:var(--font-size-0);border-radius:var(--radius-2);gap:.25rem;padding-inline:.5rem}:scope[data-size=small] .button-inner{gap:.25rem}:scope[data-size=medium]{height:2rem;font-size:var(--font-size-0);border-radius:var(--radius-2);padding-inline:.75rem}:scope[data-size=large]{height:2.25rem;font-size:var(--font-size-0);border-radius:var(--radius-3);gap:.5rem;padding-inline:.875rem;line-height:1}:scope[data-size=xlarge]{height:3rem;font-size:var(--font-size-0);border-radius:var(--radius-4);padding-inline:1rem}:scope[data-icon=true]{aspect-ratio:1;padding:0}:scope[data-segment=start]{border-start-end-radius:0;border-end-end-radius:0}:scope[data-segment=end]{border-inline-start:1.5px solid color-mix(in srgb, currentcolor 45%, transparent);border-start-start-radius:0;border-end-start-radius:0}:scope[data-truncate] .button-inner{min-width:0}:scope[data-truncate] .button-inner>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:scope[data-stretch=true]{width:100%}:scope[data-loading=true]{position:relative}.button-activity-indicator{display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:scope[data-size=small] .button-activity-indicator{transform:translate(-50%,-50%)scale(.75)}:scope[data-size=large] .button-activity-indicator{transform:translate(-50%,-50%)scale(1.25)}.button-loading-content{opacity:0}@media (width<=768px){:scope[data-stretch-at=tablet]{width:100%}:scope[data-mobile-size=large]{border-radius:var(--radius-4);height:3rem;min-height:3rem;font-size:var(--font-size-1);padding-inline:1.5rem}:scope[data-mobile-icon=true][data-mobile-icon-at=tablet]{border:1px solid var(--color-border-1);background-color:var(--color-surface-1);width:2.25rem;min-width:2.25rem;max-width:2.25rem;height:2.25rem;min-height:2.25rem;max-height:2.25rem;color:var(--color-text-1);stroke:var(--color-text-1);border-radius:50%;flex:0 0 2.25rem;padding:0}:scope[data-mobile-icon=true][data-mobile-icon-at=tablet]:hover{background-color:var(--color-surface-3)}:scope[data-mobile-icon=true][data-mobile-icon-at=tablet] .button-inner{gap:0;width:100%;height:100%}:scope[data-mobile-icon=true][data-mobile-icon-at=tablet] .button-mobile-icon-label{display:none}}@media (width<=640px){:scope[data-stretch-at=phone]{width:100%}:scope[data-mobile-icon=true][data-mobile-icon-at=phone]{border:1px solid var(--color-border-1);background-color:var(--color-surface-1);width:2.25rem;min-width:2.25rem;max-width:2.25rem;height:2.25rem;min-height:2.25rem;max-height:2.25rem;color:var(--color-text-1);stroke:var(--color-text-1);border-radius:50%;flex:0 0 2.25rem;padding:0}:scope[data-mobile-icon=true][data-mobile-icon-at=phone]:hover{background-color:var(--color-surface-3)}:scope[data-mobile-icon=true][data-mobile-icon-at=phone] .button-inner{gap:0;width:100%;height:100%}:scope[data-mobile-icon=true][data-mobile-icon-at=phone] .button-mobile-icon-label{display:none}}@media (prefers-reduced-motion:reduce){:scope[data-variant=floating],:scope[data-variant=floating]:active:not(:disabled){will-change:auto;transition:none;transform:none}}}@scope([data-ui=circular-spinner]){:scope{color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.circular-spinner-circle{will-change:transform;border:2px solid;border-top-color:#0000;border-radius:50%;width:100%;height:100%;animation:1s linear infinite circular-spinner-rotate}@media (prefers-reduced-motion:reduce){.circular-spinner-circle{border-top-color:currentColor;animation:1.5s ease-in-out infinite circular-spinner-fade}}}@keyframes circular-spinner-rotate{to{transform:rotate(360deg)}}@keyframes circular-spinner-fade{0%,to{opacity:1}50%{opacity:.5}}