.button{--label-padding:2px;min-height:var(--min-height);padding:var(--vertical-padding)calc(var(--horizontal-padding) - 2px);padding:var(--vertical-padding)calc(var(--horizontal-padding) - var(--label-padding));font-size:var(--font-size);color:var(--color);background-color:var(--background-color);-webkit-user-select:none;user-select:none;text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-weight:600;line-height:1.3;-webkit-text-decoration:none;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 1px 2px #10182800}.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:#0000}.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-xs,.button--size-sm,.button--size-md{--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-xl{--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-xl{--vertical-padding:12px;--min-height:56px}@media (max-width:1024px){.button--size-xl{--vertical-padding:10px}}.button--icon-only{min-width:var(--min-height);padding-left:4px;padding-right: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:#fff}.button:hover:not(.button--disabled):not(:active){background-color:var(--background-color-hover);box-shadow:0 1px 2px #1018280d}.button:active:not(.button--disabled){background-color:var(--background-color)}.button__icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.button__icon>svg{width:100%;height:100%}.button--loading .button__icon{opacity:0}.button__label{padding-right:var(--label-padding);padding-left:var(--label-padding);position:relative;top:.5px}.button--loading .button__label{opacity:0}.button__spinner{pointer-events:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button__badge{--offset:2px;top:2px;top:var(--offset);right:2px;right:var(--offset);position:absolute;transform:translate(50%,-50%)}