.button-field.sm[data-v-5ddce008]{--size-button-height:2rem}.button-field.sm .button-field-area[data-v-5ddce008]{font:var(--text-sm-regular);padding:0 1rem}.button-field.block[data-v-5ddce008]{flex:1;width:100%}.button-field.block .button-field-area[data-v-5ddce008]{justify-content:center;width:100%}.button-field.loading[data-v-5ddce008]{cursor:wait;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-field.loading .button-field-content[data-v-5ddce008],.button-field.loading .button-field-left-icon[data-v-5ddce008],.button-field.loading .button-field-right-icon[data-v-5ddce008]{opacity:.25}.button-field-area[data-v-5ddce008],.button-field-content[data-v-5ddce008],.button-field-left-icon[data-v-5ddce008],.button-field-right-icon[data-v-5ddce008]{transition:all var(--duration)}.button-field-area[data-v-5ddce008]{align-items:center;background-color:var(--color-main);border:0;border-radius:var(--radius-sm);color:var(--color-main-on);cursor:pointer;display:inline-flex;font:var(--text-md-regular);gap:1rem;height:var(--size-button-height);outline:0;padding:0 1.5rem;position:relative}.button-field-area[data-v-5ddce008]:hover{background-color:var(--color-main-hover)}.button-field-loading[data-v-5ddce008]{bottom:0;left:calc(50% - 12px);position:absolute;top:calc((var(--size-button-height) - 24px)/2)}