.button{--button-height:var(--control-height);--button-padding:var(--space-7);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);align-items:center;gap:var(--space-2);height:var(--button-height);letter-spacing:var(--tracking-tight);padding:0 var(--button-padding);text-wrap:nowrap;border:1px solid #0000;border-radius:0;justify-content:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.button[data-focus-visible]{outline:1px solid var(--color-text-primary);outline-offset:2px}.button--lg{--button-height:3rem;--button-padding:var(--space-9);font-size:var(--font-size-md);gap:var(--space-3)}.button--icon{--button-height:var(--space-10);width:var(--space-10);padding:0}.button--default{background-color:var(--color-primary);clip-path:polygon(0 0, 100% 0, calc(100% - var(--button-height) * var(--slant)) 100%, 0 100%);color:var(--color-text-on-primary);padding-inline-end:calc(var(--button-padding) + var(--button-height) * var(--slant))}.button--default[data-focus-visible]{outline-offset:-4px}.button--default[data-disabled]{cursor:not-allowed;opacity:.5}@media (hover:hover) and (update:fast){.button--default{transition:filter .2s,background-color .25s}.button--default:not([data-disabled]):hover{filter:brightness(1.15)}}.button--inactive{border-color:var(--color-border-strong);color:var(--color-text-secondary);background:0 0;transition:border-color .2s,color .2s}.button--inactive:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.button--tertiary{--rule:var(--color-border-strong);color:var(--color-text-primary);isolation:isolate;background:0 0;padding-inline-start:calc(var(--button-padding) + var(--button-height) * var(--slant));position:relative;overflow:visible}.button--tertiary:before{border-bottom:1px solid var(--rule);border-left:1px solid var(--rule);content:"";pointer-events:none;transform:skewX(calc(atan(var(--slant)) * -1));transform-origin:0 100%;z-index:-1;transition:border-color .3s;position:absolute;inset:0}[dir=rtl] .button--tertiary:before{border-left:none;border-right:1px solid var(--rule);transform:skewX(calc(-1*(atan(var(--slant)) * -1)));transform-origin:100% 100%}.button--tertiary:after{background-color:var(--color-primary);content:"";pointer-events:none;transform-origin:0;height:2px;transition:transform .45s cubic-bezier(.2,0,0,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}[dir=rtl] .button--tertiary:after{transform-origin:100%}.button--tertiary[data-hovered]{--rule:var(--color-primary)}.button--tertiary[data-hovered]:after{transform:scaleX(1)}.button--pill{background:var(--color-bg-elevated);border-color:var(--color-border);color:var(--color-text-secondary);transition:background-color .2s,color .2s}.button--pill:hover{background:var(--color-bg-overlay);color:var(--color-text-primary)}.button--text{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);gap:var(--space-3);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:0 0;border:none;padding:0;transition:color .2s;overflow:visible}.button--text:after{content:"";height:max(100%, var(--control-height));inset-inline:0;position:absolute;top:50%;transform:translateY(-50%)}.button--text[data-hovered]{color:var(--color-primary-light)}.button--unstyled{color:inherit;cursor:pointer;text-transform:none;background:0 0;border:none;border-radius:0;height:auto;padding:0;display:block;overflow:visible}.button--unstyled[data-focus-visible]{outline:1px solid var(--color-text-primary);outline-offset:2px}