/* Decorative only: button sizing, labels, backgrounds and focus rings stay owned by the page. */
.bmw-leaf-button.bmw-leaf-button{isolation:isolate!important}
.bmw-leaf-button.bmw-leaf-button--position{position:relative!important}
.bmw-leaf-button.bmw-leaf-button>.bmw-leaf-art{
  position:absolute!important;inset:0!important;z-index:-1!important;display:block!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:inherit!important;background:none!important;box-shadow:none!important;
  overflow:hidden!important;pointer-events:none!important;user-select:none!important;
  font-size:0!important;line-height:0!important;transform:none!important;
}
.bmw-leaf-button.bmw-leaf-button>.bmw-leaf-art>.bmw-leaf-paint{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  object-fit:cover!important;object-position:center!important;pointer-events:none!important;
  transition:opacity .25s ease!important;transform:none!important;
}
.bmw-leaf-button.bmw-leaf-button>.bmw-leaf-art>.bmw-leaf-fill{opacity:.07!important;filter:none!important}
.bmw-leaf-button.bmw-leaf-button>.bmw-leaf-art>.bmw-leaf-outline{opacity:0!important;filter:url(#bmw-leaf-outline-filter)!important}
.bmw-leaf-button.bmw-leaf-button:focus-visible>.bmw-leaf-art>.bmw-leaf-fill{opacity:.015!important}
.bmw-leaf-button.bmw-leaf-button:focus-visible>.bmw-leaf-art>.bmw-leaf-outline{opacity:.18!important}
@media(hover:hover){
  .bmw-leaf-button.bmw-leaf-button:hover>.bmw-leaf-art>.bmw-leaf-fill{opacity:.015!important}
  .bmw-leaf-button.bmw-leaf-button:hover>.bmw-leaf-art>.bmw-leaf-outline{opacity:.18!important}
}
/* Native input buttons cannot contain decorative children; the same artwork becomes a background layer. */
input.bmw-leaf-button.bmw-leaf-button--input{
  background-image:var(--bmw-leaf-input-fill),var(--bmw-leaf-base-image,none)!important;
  background-position:center,var(--bmw-leaf-base-position,0% 0%)!important;
  background-size:cover,var(--bmw-leaf-base-size,auto)!important;
  background-repeat:no-repeat,var(--bmw-leaf-base-repeat,repeat)!important;
  background-origin:padding-box,var(--bmw-leaf-base-origin,padding-box)!important;
  background-clip:padding-box,var(--bmw-leaf-base-clip,border-box)!important;
}
input.bmw-leaf-button.bmw-leaf-button--input:focus-visible{background-image:var(--bmw-leaf-input-outline),var(--bmw-leaf-base-image,none)!important}
@media(hover:hover){input.bmw-leaf-button.bmw-leaf-button--input:hover{background-image:var(--bmw-leaf-input-outline),var(--bmw-leaf-base-image,none)!important}}
/* Keep busy/disabled controls quiet even when a pointer happens to remain over them. */
.bmw-leaf-button.bmw-leaf-button:is(:disabled,[disabled],[aria-disabled=true],[aria-busy=true],.is-loading,.loading)>.bmw-leaf-art>.bmw-leaf-fill{opacity:.04!important;transition:none!important}
.bmw-leaf-button.bmw-leaf-button:is(:disabled,[disabled],[aria-disabled=true],[aria-busy=true],.is-loading,.loading)>.bmw-leaf-art>.bmw-leaf-outline{opacity:0!important;transition:none!important}
input.bmw-leaf-button.bmw-leaf-button--input:is(:disabled,[disabled],[aria-disabled=true],[aria-busy=true],.is-loading,.loading){background-image:var(--bmw-leaf-input-fill),var(--bmw-leaf-base-image,none)!important}
svg.bmw-leaf-filters{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){.bmw-leaf-button.bmw-leaf-button>.bmw-leaf-art>.bmw-leaf-paint{transition:none!important}}
@media(forced-colors:active){.bmw-leaf-button.bmw-leaf-button>.bmw-leaf-art{display:none!important}input.bmw-leaf-button.bmw-leaf-button--input{background-image:var(--bmw-leaf-base-image,none)!important}}
