@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation-name:spinner;animation-duration:.8s;animation-iteration-count:infinite;animation-play-state:running;animation-timing-function:linear}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-block;font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1;padding:0;position:relative;transition:background-color .2s ease-in-out}.button__inner{display:inline-flex;justify-content:center;align-content:center;height:var(--s-interactive-md)}.button.--sm .button__inner{height:var(--s-interactive-sm);padding-left:var(--s-1\.5);padding-right:var(--s-1\.5)}.button.--md .button__inner{height:var(--s-interactive-md);padding-left:var(--s-2);padding-right:var(--s-2)}.button.--lg .button__inner{height:var(--s-interactive-lg);padding-left:var(--s-6);padding-right:var(--s-6)}.button.--end .button__inner,.button.--start .button__inner{position:relative}.button.--start .button__inner.--sm{left:calc(var(--s-1\.5) * -1)}.button.--start .button__inner.--md{left:calc(var(--s-2) * -1)}.button.--start .button__inner.--lg{left:calc(var(--s-6) * -1)}.button.--end .button__inner.--sm{right:calc(var(--s-1\.5) * -1)}.button.--end .button__inner.--md{right:calc(var(--s-2) * -1)}.button.--end .button__inner.--lg{right:calc(var(--s-6) * -1)}.button.--widthFull{width:100%}.button.--destructive{background:var(--c-error);color:var(--c-white);border:1px solid var(--c-red-200);border-radius:var(--border-4)}.button.--destructive:hover{background-color:var(--c-red-100);color:var(--c-error)}.button.--destructive:disabled{background:var(--c-gray-100);border-color:var(--c-gray-200);color:var(--c-gray-400)}.button.--primary{background:var(--c-interactive);border:0;border-radius:var(--border-4);color:var(--c-white)}.button.--primary:hover{background:var(--c-interactive-highlight)}.button.--primary.negative{background:var(--c-error)}.button.--primary.negative:hover{background:var(--c-error-highlight)}.button.--primary:disabled{background:var(--c-gray-400)}.button.--super:disabled{background:var(--c-gray-400)}.button.--secondary{background:transparent;border:1px solid var(--c-gray-200);border-radius:var(--border-4);color:var(--c-text-interactive)}.button.--secondary:hover{background-color:var(--c-gray-100);color:var(--c-text-interactive)}.button.--secondary:disabled{color:var(--c-gray-400)}.button.--tertiary{background:transparent;border:0;border-radius:var(--border-4);color:var(--c-text)}.button.--tertiary:hover{background-color:var(--c-gray-100);color:var(--c-interactive)}.button.--tertiary.negative,.button.--tertiary.negative:hover{color:var(--c-text-negative)}.button.--tertiary:disabled{color:var(--c-gray-400)}.button.--super:disabled,.button.--secondary:disabled,.button.--tertiary:disabled{cursor:not-allowed;pointer-events:none}.button .button__content{align-items:center;display:inline-flex;gap:var(--s-0\.5);justify-content:center;vertical-align:middle}.button .button__iconWrapper{display:flex;align-items:center;justify-content:center;height:var(--s-interactive-sm);width:var(--s-interactive-sm);overflow:hidden}.button.--sm .button__iconWrapper{height:var(--s-interactive-sm);width:var(--s-interactive-sm)}.button.--md .button__iconWrapper{height:var(--s-interactive-md);width:var(--s-interactive-md)}.button.--lg .button__iconWrapper{height:var(--s-interactive-lg);width:var(--s-interactive-lg)}.button svg{display:inline-block}.button .button__spinner{opacity:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.button.--isLoading .button__content{opacity:0}.button.--isLoading .button__spinner{opacity:1}@container menu (min-width: 0){.button,.button.--primary,.button.--secondary,.button.--tertiary,.button.--destructive{display:flex;border-radius:0;box-sizing:border-box;font-weight:var(--weight-normal);gap:var(--s-1);justify-content:start;text-align:left;width:100%}.button.--destructive{background:transparent;border-color:transparent;color:var(--c-text-error)}.button.--widthFull{text-align:center;justify-content:center}.button,.button.--sm,.button.--md,.button.--lg{min-height:var(--s-interactive-md);padding-left:var(--s-2);padding-right:var(--s-2)}}