.wsf-form button.wsf-button { -webkit-appearance: none; background-color: var(--wsf-field-button-color-background); border-color: var(--wsf-field-button-border-color); border-radius: var(--wsf-field-button-border-radius); border-style: var(--wsf-field-button-border-style); border-width: var(--wsf-field-button-border-width); color: var(--wsf-field-button-color); cursor: pointer; display: inline-block; font-family: var(--wsf-field-button-font-family); font-size: var(--wsf-field-button-font-size); font-style: var(--wsf-field-button-font-style); font-weight: var(--wsf-field-button-font-weight); letter-spacing: var(--wsf-field-button-letter-spacing); line-height: var(--wsf-field-button-line-height); margin: 0; min-height: auto; max-width: none; padding: var(--wsf-field-button-padding); text-align: center; -webkit-text-decoration: var(--wsf-field-button-text-decoration); text-decoration: var(--wsf-field-button-text-decoration); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-transform: var(--wsf-field-button-text-transform); touch-action: manipulation; user-select: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .wsf-form button.wsf-button.wsf-button-full { width: var(--wsf-field-button-width); } .wsf-form button.wsf-button::-moz-focus-inner { border: 0; margin: 0; padding: 0; } .wsf-form button.wsf-button:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-color-background-hover); border-color: var(--wsf-field-button-border-color-hover); color: var(--wsf-field-button-color-hover); } .wsf-form button.wsf-button:focus, .wsf-form button.wsf-button:active { background-color: var(--wsf-field-button-color-background-focus); border-color: var(--wsf-field-button-border-color-focus); box-shadow: var(--wsf-field-box-shadow); color: var(--wsf-field-button-color-focus); outline: 0; } .wsf-form button.wsf-button:disabled { cursor: not-allowed; opacity: 0.5; transition: none; } .wsf-form button.wsf-button.wsf-button-primary { background-color: var(--wsf-field-button-primary-color-background); border-color: var(--wsf-field-button-primary-border-color); color: var(--wsf-field-button-primary-color); } .wsf-form button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-primary-color-background-hover); border-color: var(--wsf-field-button-primary-border-color-hover); color: var(--wsf-field-button-primary-color-hover); } .wsf-form button.wsf-button.wsf-button-primary:focus, .wsf-form button.wsf-button.wsf-button-primary:active { background-color: var(--wsf-field-button-primary-color-background-focus); border-color: var(--wsf-field-button-primary-border-color-focus); color: var(--wsf-field-button-primary-color-focus); } .wsf-form button.wsf-button.wsf-button-secondary { background-color: var(--wsf-field-button-secondary-color-background); border-color: var(--wsf-field-button-secondary-border-color); color: var(--wsf-field-button-secondary-color); } .wsf-form button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-secondary-color-background-hover); border-color: var(--wsf-field-button-secondary-border-color-hover); color: var(--wsf-field-button-secondary-color-hover); } .wsf-form button.wsf-button.wsf-button-secondary:focus, .wsf-form button.wsf-button.wsf-button-secondary:active { background-color: var(--wsf-field-button-secondary-color-background-focus); border-color: var(--wsf-field-button-secondary-border-color-focus); color: var(--wsf-field-button-secondary-color-focus); } .wsf-form button.wsf-button.wsf-button-success { background-color: var(--wsf-field-button-success-color-background); border-color: var(--wsf-field-button-success-border-color); color: var(--wsf-field-button-success-color); } .wsf-form button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-success-color-background-hover); border-color: var(--wsf-field-button-success-border-color-hover); color: var(--wsf-field-button-success-color-hover); } .wsf-form button.wsf-button.wsf-button-success:focus, .wsf-form button.wsf-button.wsf-button-success:active { background-color: var(--wsf-field-button-success-color-background-focus); border-color: var(--wsf-field-button-success-border-color-focus); color: var(--wsf-field-button-success-color-focus); } .wsf-form button.wsf-button.wsf-button-information { background-color: var(--wsf-field-button-info-color-background); border-color: var(--wsf-field-button-info-border-color); color: var(--wsf-field-button-info-color); } .wsf-form button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-info-color-background-hover); border-color: var(--wsf-field-button-info-border-color-hover); color: var(--wsf-field-button-info-color-hover); } .wsf-form button.wsf-button.wsf-button-information:focus, .wsf-form button.wsf-button.wsf-button-information:active { background-color: var(--wsf-field-button-info-color-background-focus); border-color: var(--wsf-field-button-info-border-color-focus); color: var(--wsf-field-button-info-color-focus); } .wsf-form button.wsf-button.wsf-button-warning { background-color: var(--wsf-field-button-warning-color-background); border-color: var(--wsf-field-button-warning-border-color); color: var(--wsf-field-button-warning-color); } .wsf-form button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-warning-color-background-hover); border-color: var(--wsf-field-button-warning-border-color-hover); color: var(--wsf-field-button-warning-color-hover); } .wsf-form button.wsf-button.wsf-button-warning:focus, .wsf-form button.wsf-button.wsf-button-warning:active { background-color: var(--wsf-field-button-warning-color-background-focus); border-color: var(--wsf-field-button-warning-border-color-focus); color: var(--wsf-field-button-warning-color-focus); } .wsf-form button.wsf-button.wsf-button-danger { background-color: var(--wsf-field-button-danger-color-background); border-color: var(--wsf-field-button-danger-border-color); color: var(--wsf-field-button-danger-color); } .wsf-form button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-danger-color-background-hover); border-color: var(--wsf-field-button-danger-border-color-hover); color: var(--wsf-field-button-danger-color-hover); } .wsf-form button.wsf-button.wsf-button-danger:focus, .wsf-form button.wsf-button.wsf-button-danger:active { background-color: var(--wsf-field-button-danger-color-background-focus); border-color: var(--wsf-field-button-danger-border-color-focus); color: var(--wsf-field-button-danger-color-focus); } .wsf-form.wsf-form-post-lock-progress button.wsf-button { cursor: progress; } .wsf-form button.wsf-button { transition: background-color var(--wsf-form-transition), border-color var(--wsf-form-transition), box-shadow var(--wsf-form-transition); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button { background-color: var(--wsf-field-button-color-background-alt); border-color: var(--wsf-field-button-border-color-alt); color: var(--wsf-field-button-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-color-background-hover-alt); border-color: var(--wsf-field-button-border-color-hover-alt); color: var(--wsf-field-button-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button:active { background-color: var(--wsf-field-button-color-background-focus-alt); border-color: var(--wsf-field-button-border-color-focus-alt); color: var(--wsf-field-button-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary { background-color: var(--wsf-field-button-primary-color-background-alt); border-color: var(--wsf-field-button-primary-border-color-alt); color: var(--wsf-field-button-primary-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-primary-color-background-hover-alt); border-color: var(--wsf-field-button-primary-border-color-hover-alt); color: var(--wsf-field-button-primary-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-primary:active { background-color: var(--wsf-field-button-primary-color-background-focus-alt); border-color: var(--wsf-field-button-primary-border-color-focus-alt); color: var(--wsf-field-button-primary-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary { background-color: var(--wsf-field-button-secondary-color-background-alt); border-color: var(--wsf-field-button-secondary-border-color-alt); color: var(--wsf-field-button-secondary-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-secondary-color-background-hover-alt); border-color: var(--wsf-field-button-secondary-border-color-hover-alt); color: var(--wsf-field-button-secondary-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-secondary:active { background-color: var(--wsf-field-button-secondary-color-background-focus-alt); border-color: var(--wsf-field-button-secondary-border-color-focus-alt); color: var(--wsf-field-button-secondary-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success { background-color: var(--wsf-field-button-success-color-background-alt); border-color: var(--wsf-field-button-success-border-color-alt); color: var(--wsf-field-button-success-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-success-color-background-hover-alt); border-color: var(--wsf-field-button-success-border-color-hover-alt); color: var(--wsf-field-button-success-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-success:active { background-color: var(--wsf-field-button-success-color-background-focus-alt); border-color: var(--wsf-field-button-success-border-color-focus-alt); color: var(--wsf-field-button-success-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information { background-color: var(--wsf-field-button-info-color-background-alt); border-color: var(--wsf-field-button-info-border-color-alt); color: var(--wsf-field-button-info-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-info-color-background-hover-alt); border-color: var(--wsf-field-button-info-border-color-hover-alt); color: var(--wsf-field-button-info-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-information:active { background-color: var(--wsf-field-button-info-color-background-focus-alt); border-color: var(--wsf-field-button-info-border-color-focus-alt); color: var(--wsf-field-button-info-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning { background-color: var(--wsf-field-button-warning-color-background-alt); border-color: var(--wsf-field-button-warning-border-color-alt); color: var(--wsf-field-button-warning-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-warning-color-background-hover-alt); border-color: var(--wsf-field-button-warning-border-color-hover-alt); color: var(--wsf-field-button-warning-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-warning:active { background-color: var(--wsf-field-button-warning-color-background-focus-alt); border-color: var(--wsf-field-button-warning-border-color-focus-alt); color: var(--wsf-field-button-warning-color-focus-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger { background-color: var(--wsf-field-button-danger-color-background-alt); border-color: var(--wsf-field-button-danger-border-color-alt); color: var(--wsf-field-button-danger-color-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:hover:enabled:not(:checked):not(:focus) { background-color: var(--wsf-field-button-danger-color-background-hover-alt); border-color: var(--wsf-field-button-danger-border-color-hover-alt); color: var(--wsf-field-button-danger-color-hover-alt); } html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:focus, html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] button.wsf-button.wsf-button-danger:active { background-color: var(--wsf-field-button-danger-color-background-focus-alt); border-color: var(--wsf-field-button-danger-border-color-focus-alt); color: var(--wsf-field-button-danger-color-focus-alt); }