.orbeon .btn {
  color: var(--orbeon-button-color);
  background-color: var(--orbeon-button-background-color);
  background-image: none;
  text-shadow: none;
}
.orbeon .btn:not(.disabled):not([disabled]):hover,
.orbeon .btn:not(.disabled):not([disabled]):focus,
.orbeon .btn:not(.disabled):not([disabled]):active,
.orbeon .btn:not(.disabled):not([disabled]).active {
  color: var(--orbeon-button-color);
  background-color: var(--orbeon-button-highlight-background-color);
}
.orbeon .btn:not(.disabled):not([disabled]) .fa {
  color: var(--orbeon-button-color);
}
.orbeon .btn:not(.disabled):not([disabled]) kbd {
  border-color: var(--orbeon-button-color);
}
.orbeon .btn.disabled,
.orbeon .btn[disabled] {
  color: var(--orbeon-button-disabled-color);
  background-color: var(--orbeon-button-disabled-background-color);
  opacity: var(--orbeon-button-disabled-opacity);
}
.orbeon .btn.disabled .fa,
.orbeon .btn[disabled] .fa {
  color: var(--orbeon-button-disabled-color);
  opacity: var(--orbeon-button-disabled-icon-opacity);
}
.orbeon button.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.orbeon button.btn.dropdown-toggle {
  display: inline-block;
}
.orbeon .btn-group.open button.btn.dropdown-toggle {
  background-color: var(--orbeon-dropdown-open-toggle-background-color);
}
.orbeon button.btn.dropdown-toggle .caret {
  border-top: 4px solid var(--orbeon-dropdown-caret-color);
}
.orbeon .btn-group.dropup button.btn.dropdown-toggle .caret {
  border-top: 0;
  border-bottom: 4px solid var(--orbeon-dropdown-caret-color);
}
.orbeon .dropdown.open .btn,
.orbeon .dropdown .show .btn {
  color: var(--orbeon-dropdown-menu-color);
  background-color: var(--orbeon-dropdown-menu-background-color);
}
.orbeon .dropdown.open .btn.disabled,
.orbeon .dropdown .show .btn.disabled,
.orbeon .dropdown.open .btn[disabled],
.orbeon .dropdown .show .btn[disabled] {
  color: var(--orbeon-dropdown-menu-disabled-color);
  background-color: transparent;
}
.orbeon .dropdown.open .btn:hover,
.orbeon .dropdown .show .btn:hover,
.orbeon .dropdown.open .btn:focus,
.orbeon .dropdown .show .btn:focus {
  color: var(--orbeon-dropdown-menu-hover-color);
  background-color: var(--orbeon-dropdown-menu-hover-background-color);
}
.orbeon .dropdown.open .btn:active,
.orbeon .dropdown .show .btn:active,
.orbeon .dropdown.open .btn.active,
.orbeon .dropdown .show .btn.active {
  color: var(--orbeon-dropdown-menu-selected-color);
  background-color: var(--orbeon-dropdown-menu-selected-background-color);
}
.orbeon .dropdown.open .dropdown-menu > .disabled > a:hover,
.orbeon .dropdown .show .dropdown-menu > .disabled > a:hover,
.orbeon .dropdown.open .dropdown-menu > .disabled > a:focus,
.orbeon .dropdown .show .dropdown-menu > .disabled > a:focus {
  background-color: transparent;
}
.orbeon button.btn kbd,
.orbeon a kbd {
  background-color: transparent;
  border: 1px solid var(--orbeon-base-color);
  line-height: 16px;
  display: none;
  border-radius: 2px;
  padding: 0 0.5em;
  margin-left: 1em;
  margin-right: -7px;
  font-family: system-ui;
  font-size: var(--orbeon-kbd-hint-font-size);
  opacity: 0.6;
}
.orbeon button.btn kbd:empty,
.orbeon a kbd:empty {
  display: none;
}
.orbeon .xforms-trigger-appearance-xxforms-primary .btn,
.orbeon .btn-primary {
  color: var(--orbeon-button-primary-color);
  background-color: var(--orbeon-button-primary-background-color);
  background-image: none;
  text-shadow: none;
}
.orbeon .xforms-trigger-appearance-xxforms-primary .btn:not(.disabled):not([disabled]):hover,
.orbeon .btn-primary:not(.disabled):not([disabled]):hover,
.orbeon .xforms-trigger-appearance-xxforms-primary .btn:not(.disabled):not([disabled]):focus,
.orbeon .btn-primary:not(.disabled):not([disabled]):focus,
.orbeon .xforms-trigger-appearance-xxforms-primary .btn:not(.disabled):not([disabled]):active,
.orbeon .btn-primary:not(.disabled):not([disabled]):active,
.orbeon .xforms-trigger-appearance-xxforms-primary .btn:not(.disabled):not([disabled]).active,
.orbeon .btn-primary:not(.disabled):not([disabled]).active {
  color: var(--orbeon-button-primary-color);
  background-color: var(--orbeon-button-primary-highlight-background-color);
}
.orbeon .xforms-trigger-appearance-xxforms-primary .btn:not(.disabled):not([disabled]) .fa,
.orbeon .btn-primary:not(.disabled):not([disabled]) .fa {
  color: var(--orbeon-button-primary-color);
}
.orbeon .xforms-trigger-appearance-xxforms-primary .btn:not(.disabled):not([disabled]) kbd,
.orbeon .btn-primary:not(.disabled):not([disabled]) kbd {
  border-color: var(--orbeon-button-primary-color);
}
.orbeon .xforms-trigger-appearance-xxforms-primary .btn.disabled,
.orbeon .btn-primary.disabled,
.orbeon .xforms-trigger-appearance-xxforms-primary .btn[disabled],
.orbeon .btn-primary[disabled] {
  color: var(--orbeon-button-primary-disabled-color);
  background-color: var(--orbeon-button-primary-disabled-background-color);
  opacity: var(--orbeon-button-disabled-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-primary .btn.disabled .fa,
.orbeon .btn-primary.disabled .fa,
.orbeon .xforms-trigger-appearance-xxforms-primary .btn[disabled] .fa,
.orbeon .btn-primary[disabled] .fa {
  color: var(--orbeon-button-primary-disabled-color);
  opacity: var(--orbeon-button-disabled-icon-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-warning .btn,
.orbeon .btn-warning {
  color: var(--orbeon-button-warning-color);
  background-color: var(--orbeon-button-warning-background-color);
  background-image: none;
  text-shadow: none;
}
.orbeon .xforms-trigger-appearance-xxforms-warning .btn:not(.disabled):not([disabled]):hover,
.orbeon .btn-warning:not(.disabled):not([disabled]):hover,
.orbeon .xforms-trigger-appearance-xxforms-warning .btn:not(.disabled):not([disabled]):focus,
.orbeon .btn-warning:not(.disabled):not([disabled]):focus,
.orbeon .xforms-trigger-appearance-xxforms-warning .btn:not(.disabled):not([disabled]):active,
.orbeon .btn-warning:not(.disabled):not([disabled]):active,
.orbeon .xforms-trigger-appearance-xxforms-warning .btn:not(.disabled):not([disabled]).active,
.orbeon .btn-warning:not(.disabled):not([disabled]).active {
  color: var(--orbeon-button-warning-color);
  background-color: var(--orbeon-button-warning-highlight-background-color);
}
.orbeon .xforms-trigger-appearance-xxforms-warning .btn:not(.disabled):not([disabled]) .fa,
.orbeon .btn-warning:not(.disabled):not([disabled]) .fa {
  color: var(--orbeon-button-warning-color);
}
.orbeon .xforms-trigger-appearance-xxforms-warning .btn:not(.disabled):not([disabled]) kbd,
.orbeon .btn-warning:not(.disabled):not([disabled]) kbd {
  border-color: var(--orbeon-button-warning-color);
}
.orbeon .xforms-trigger-appearance-xxforms-warning .btn.disabled,
.orbeon .btn-warning.disabled,
.orbeon .xforms-trigger-appearance-xxforms-warning .btn[disabled],
.orbeon .btn-warning[disabled] {
  color: var(--orbeon-button-warning-disabled-color);
  background-color: var(--orbeon-button-warning-disabled-background-color);
  opacity: var(--orbeon-button-disabled-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-warning .btn.disabled .fa,
.orbeon .btn-warning.disabled .fa,
.orbeon .xforms-trigger-appearance-xxforms-warning .btn[disabled] .fa,
.orbeon .btn-warning[disabled] .fa {
  color: var(--orbeon-button-warning-disabled-color);
  opacity: var(--orbeon-button-disabled-icon-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-danger .btn,
.orbeon .btn-danger {
  color: var(--orbeon-button-danger-color);
  background-color: var(--orbeon-button-danger-background-color);
  background-image: none;
  text-shadow: none;
}
.orbeon .xforms-trigger-appearance-xxforms-danger .btn:not(.disabled):not([disabled]):hover,
.orbeon .btn-danger:not(.disabled):not([disabled]):hover,
.orbeon .xforms-trigger-appearance-xxforms-danger .btn:not(.disabled):not([disabled]):focus,
.orbeon .btn-danger:not(.disabled):not([disabled]):focus,
.orbeon .xforms-trigger-appearance-xxforms-danger .btn:not(.disabled):not([disabled]):active,
.orbeon .btn-danger:not(.disabled):not([disabled]):active,
.orbeon .xforms-trigger-appearance-xxforms-danger .btn:not(.disabled):not([disabled]).active,
.orbeon .btn-danger:not(.disabled):not([disabled]).active {
  color: var(--orbeon-button-danger-color);
  background-color: var(--orbeon-button-danger-highlight-background-color);
}
.orbeon .xforms-trigger-appearance-xxforms-danger .btn:not(.disabled):not([disabled]) .fa,
.orbeon .btn-danger:not(.disabled):not([disabled]) .fa {
  color: var(--orbeon-button-danger-color);
}
.orbeon .xforms-trigger-appearance-xxforms-danger .btn:not(.disabled):not([disabled]) kbd,
.orbeon .btn-danger:not(.disabled):not([disabled]) kbd {
  border-color: var(--orbeon-button-danger-color);
}
.orbeon .xforms-trigger-appearance-xxforms-danger .btn.disabled,
.orbeon .btn-danger.disabled,
.orbeon .xforms-trigger-appearance-xxforms-danger .btn[disabled],
.orbeon .btn-danger[disabled] {
  color: var(--orbeon-button-danger-disabled-color);
  background-color: var(--orbeon-button-danger-disabled-background-color);
  opacity: var(--orbeon-button-disabled-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-danger .btn.disabled .fa,
.orbeon .btn-danger.disabled .fa,
.orbeon .xforms-trigger-appearance-xxforms-danger .btn[disabled] .fa,
.orbeon .btn-danger[disabled] .fa {
  color: var(--orbeon-button-danger-disabled-color);
  opacity: var(--orbeon-button-disabled-icon-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-success .btn,
.orbeon .btn-success {
  color: var(--orbeon-button-success-color);
  background-color: var(--orbeon-button-success-background-color);
  background-image: none;
  text-shadow: none;
}
.orbeon .xforms-trigger-appearance-xxforms-success .btn:not(.disabled):not([disabled]):hover,
.orbeon .btn-success:not(.disabled):not([disabled]):hover,
.orbeon .xforms-trigger-appearance-xxforms-success .btn:not(.disabled):not([disabled]):focus,
.orbeon .btn-success:not(.disabled):not([disabled]):focus,
.orbeon .xforms-trigger-appearance-xxforms-success .btn:not(.disabled):not([disabled]):active,
.orbeon .btn-success:not(.disabled):not([disabled]):active,
.orbeon .xforms-trigger-appearance-xxforms-success .btn:not(.disabled):not([disabled]).active,
.orbeon .btn-success:not(.disabled):not([disabled]).active {
  color: var(--orbeon-button-success-color);
  background-color: var(--orbeon-button-success-highlight-background-color);
}
.orbeon .xforms-trigger-appearance-xxforms-success .btn:not(.disabled):not([disabled]) .fa,
.orbeon .btn-success:not(.disabled):not([disabled]) .fa {
  color: var(--orbeon-button-success-color);
}
.orbeon .xforms-trigger-appearance-xxforms-success .btn:not(.disabled):not([disabled]) kbd,
.orbeon .btn-success:not(.disabled):not([disabled]) kbd {
  border-color: var(--orbeon-button-success-color);
}
.orbeon .xforms-trigger-appearance-xxforms-success .btn.disabled,
.orbeon .btn-success.disabled,
.orbeon .xforms-trigger-appearance-xxforms-success .btn[disabled],
.orbeon .btn-success[disabled] {
  color: var(--orbeon-button-success-disabled-color);
  background-color: var(--orbeon-button-success-disabled-background-color);
  opacity: var(--orbeon-button-disabled-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-success .btn.disabled .fa,
.orbeon .btn-success.disabled .fa,
.orbeon .xforms-trigger-appearance-xxforms-success .btn[disabled] .fa,
.orbeon .btn-success[disabled] .fa {
  color: var(--orbeon-button-success-disabled-color);
  opacity: var(--orbeon-button-disabled-icon-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-info .btn,
.orbeon .btn-info {
  color: var(--orbeon-button-info-color);
  background-color: var(--orbeon-button-info-background-color);
  background-image: none;
  text-shadow: none;
}
.orbeon .xforms-trigger-appearance-xxforms-info .btn:not(.disabled):not([disabled]):hover,
.orbeon .btn-info:not(.disabled):not([disabled]):hover,
.orbeon .xforms-trigger-appearance-xxforms-info .btn:not(.disabled):not([disabled]):focus,
.orbeon .btn-info:not(.disabled):not([disabled]):focus,
.orbeon .xforms-trigger-appearance-xxforms-info .btn:not(.disabled):not([disabled]):active,
.orbeon .btn-info:not(.disabled):not([disabled]):active,
.orbeon .xforms-trigger-appearance-xxforms-info .btn:not(.disabled):not([disabled]).active,
.orbeon .btn-info:not(.disabled):not([disabled]).active {
  color: var(--orbeon-button-info-color);
  background-color: var(--orbeon-button-info-highlight-background-color);
}
.orbeon .xforms-trigger-appearance-xxforms-info .btn:not(.disabled):not([disabled]) .fa,
.orbeon .btn-info:not(.disabled):not([disabled]) .fa {
  color: var(--orbeon-button-info-color);
}
.orbeon .xforms-trigger-appearance-xxforms-info .btn:not(.disabled):not([disabled]) kbd,
.orbeon .btn-info:not(.disabled):not([disabled]) kbd {
  border-color: var(--orbeon-button-info-color);
}
.orbeon .xforms-trigger-appearance-xxforms-info .btn.disabled,
.orbeon .btn-info.disabled,
.orbeon .xforms-trigger-appearance-xxforms-info .btn[disabled],
.orbeon .btn-info[disabled] {
  color: var(--orbeon-button-info-disabled-color);
  background-color: var(--orbeon-button-info-disabled-background-color);
  opacity: var(--orbeon-button-disabled-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-info .btn.disabled .fa,
.orbeon .btn-info.disabled .fa,
.orbeon .xforms-trigger-appearance-xxforms-info .btn[disabled] .fa,
.orbeon .btn-info[disabled] .fa {
  color: var(--orbeon-button-info-disabled-color);
  opacity: var(--orbeon-button-disabled-icon-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn,
.orbeon .btn-inverse {
  color: var(--orbeon-button-inverse-color);
  background-color: var(--orbeon-button-inverse-background-color);
  background-image: none;
  text-shadow: none;
}
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn:not(.disabled):not([disabled]):hover,
.orbeon .btn-inverse:not(.disabled):not([disabled]):hover,
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn:not(.disabled):not([disabled]):focus,
.orbeon .btn-inverse:not(.disabled):not([disabled]):focus,
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn:not(.disabled):not([disabled]):active,
.orbeon .btn-inverse:not(.disabled):not([disabled]):active,
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn:not(.disabled):not([disabled]).active,
.orbeon .btn-inverse:not(.disabled):not([disabled]).active {
  color: var(--orbeon-button-inverse-color);
  background-color: var(--orbeon-button-inverse-highlight-background-color);
}
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn:not(.disabled):not([disabled]) .fa,
.orbeon .btn-inverse:not(.disabled):not([disabled]) .fa {
  color: var(--orbeon-button-inverse-color);
}
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn:not(.disabled):not([disabled]) kbd,
.orbeon .btn-inverse:not(.disabled):not([disabled]) kbd {
  border-color: var(--orbeon-button-inverse-color);
}
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn.disabled,
.orbeon .btn-inverse.disabled,
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn[disabled],
.orbeon .btn-inverse[disabled] {
  color: var(--orbeon-button-inverse-disabled-color);
  background-color: var(--orbeon-button-inverse-disabled-background-color);
  opacity: var(--orbeon-button-disabled-opacity);
}
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn.disabled .fa,
.orbeon .btn-inverse.disabled .fa,
.orbeon .xforms-trigger-appearance-xxforms-inverse .btn[disabled] .fa,
.orbeon .btn-inverse[disabled] .fa {
  color: var(--orbeon-button-inverse-disabled-color);
  opacity: var(--orbeon-button-disabled-icon-opacity);
}
.orbeon button.btn,
.orbeon label.btn {
  background-image: none;
  text-shadow: none;
  border: none;
}
.orbeon button.btn-link {
  white-space: normal;
  text-align: inherit;
  text-decoration: underline;
  font-size: inherit;
  padding: 0 0 2px 0;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.2rem;
  text-decoration-skip-ink: auto;
}
@media screen {
  .orbeon .fr-color-scheme-dark .btn,
  .orbeon:has(.fr-color-scheme-dark) .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (prefers-color-scheme: dark) {
  .orbeon .fr-color-scheme-system .btn,
  .orbeon:has(.fr-color-scheme-system) .btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}