.button{--label-padding:2px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--min-height);padding:var(--vertical-padding) calc(var(--horizontal-padding) - var(--label-padding));font-size:var(--font-size);font-weight:600;line-height:1.3;color:var(--color);-webkit-text-decoration:none;text-decoration:none;border-radius:8px;box-shadow:0 1px 2px 0 rgb(16,24,40,0);background-color:var(--background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;transition:background-color .2s,border-color .2s,box-shadow .2s}.button--no-pointer-events{pointer-events:none}.button,.button--theme-primary{--color:var(--primary-500-fg);--background-color:var(--primary-500);--background-color-hover:var(--primary-600)}.button--theme-white{--color:#344054;--background-color:var(--background-primary-rgb);--background-color-hover:var(--gray-50);border:1px solid var(--stroke-default);box-shadow:none}.button--theme-white:hover:not(.button--disabled){border-color:var(--text-primary)}.button--theme-white.button--active:not(.button--disabled):not(:hover),.button--theme-white:active:not(.button--disabled){--background-color:var(--primary-50);border-color:transparent}.button--theme-danger{--color:white;--background-color:var(--danger-500);--background-color-hover:var(--danger-600)}.button--theme-danger-light{--color:var(--danger-500);--background-color:var(--danger-100);--background-color-hover:var(--danger-200)}.button--theme-negative{--color:white;--background-color:var(--negative-700);--background-color-hover:var(--negative-800)}.button--theme-warning{--color:white;--background-color:var(--warning-700);--background-color-hover:var(--warning-800)}.button--theme-positive{--color:white;--background-color:var(--positive-700);--background-color-hover:var(--positive-800)}.button--size-md,.button--size-sm,.button--size-xs{--horizontal-padding:16px;--font-size:14px}.button--size-xs{--icon-size:16px;--vertical-padding:4px;--min-height:32px}.button--size-sm{--icon-size:20px;--vertical-padding:6px;--min-height:40px}@media (max-width:1024px){.button--size-sm{--vertical-padding:4px}}.button--size-md{--icon-size:20px;--vertical-padding:6px;--min-height:48px}@media (max-width:1024px){.button--size-md{--vertical-padding:4px}}.button--size-lg,.button--size-xlg{--icon-size:24px;--horizontal-padding:24px;--font-size:16px}.button--size-lg{--vertical-padding:10px;--min-height:48px}@media (max-width:1024px){.button--size-lg{--vertical-padding:4px}}.button--size-xlg{--vertical-padding:12px;--min-height:56px}@media (max-width:1024px){.button--size-xlg{--vertical-padding:10px}}.button--icon-only{min-width:var(--min-height);padding-right:4px;padding-left:4px}.button--width-full{width:100%}.button--disabled{color:rgb(var(--text-primary-rgb),.56);background-color:var(--background-tertiary);cursor:default}.button--theme-white.button--disabled{color:rgb(var(--text-primary-rgb),.56);background-color:white}.button:hover:not(.button--disabled):not(:active){box-shadow:0 1px 2px 0 rgb(16,24,40,.05);background-color:var(--background-color-hover)}.button:active:not(.button--disabled){background-color:var(--background-color)}.button__icon{flex-shrink:0;width:var(--icon-size);height:var(--icon-size)}.button__icon>svg{width:100%;height:100%}.button--loading .button__icon{opacity:0}.button__label{position:relative;top:.5px;padding-right:var(--label-padding);padding-left:var(--label-padding)}.button--loading .button__label{opacity:0}.button__spinner{position:absolute;top:50%;left:50%;display:flex;pointer-events:none;transform:translate(-50%,-50%)}.button__badge{--offset:2px;position:absolute;top:2px;top:var(--offset);right:2px;right:var(--offset);transform:translate(50%,-50%)}