.common-button{display:inline-flex;justify-content:center;align-items:center;padding:6px 12px;overflow:hidden;font-family:Roboto;font-size:12px;font-weight:400;line-height:18px;text-align:center;letter-spacing:0em;cursor:pointer;box-sizing:border-box;height:32px;min-width:84px;border-radius:4px;position:relative;width:fit-content}.common-button .button-content{transition:transform .2s ease,opacity .2s ease;display:inline-flex;align-items:center;gap:6px}.common-button.button-loading .button-content{transform:translate(6px)}.common-button .button-loading__spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;margin-right:6px;animation:button-spin .8s linear infinite}.common-button.button-default{background:#fff;border:1px solid #d1d5db}.common-button.button-default:hover{border:1px solid #a1a2a3}.common-button.button-dark{background:#0000000f;color:#000}.common-button.button-dark .button-loading__spinner{border:2px solid rgba(0,0,0,.1);border-top-color:#00000080}.common-button.button-dark:hover{background:#00000014}.common-button.button-dark:active{background:#0000001a}.common-button.button-dark.button-disabled{cursor:not-allowed;color:#0003;background:#0000000f}.common-button.button-primary{color:#fff;background:#4f46e5}.common-button.button-primary:hover{background:#515aff}.common-button.button-primary:active{background:#2418e5}.common-button.button-primary.button-disabled{cursor:not-allowed;background:#4f46e5;opacity:.4}.common-button.button-danger{color:#fff;background:#ea3f24}.common-button.button-danger:hover,.common-button.button-danger:active{background:#ea3f24}.common-button.button-danger.button-disabled{cursor:not-allowed;opacity:.4}.common-button.button-text{display:inline;padding:0;width:auto;height:auto;min-width:0}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}