/* UserWay widget: keep visible and place launcher predictably. */
.uwy {
  z-index: 2147483000 !important;
}

.uwy .userway_buttons_wrapper {
  left: 72px !important;
  right: auto !important;
  bottom: 20px !important;
  top: auto !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
}

:is(#userwayAccessibilityIcon, [id^="userwayAccessibilityIcon"], #userwayLstIcon) {
  transform: scale(1.18) !important;
  transform-origin: left bottom !important;
  filter: brightness(0.9) saturate(1.08) !important;
}

:is(.uwy, #userwayAccessibilityIcon, #userwayLstIcon) {
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  .uwy .userway_buttons_wrapper {
    left: auto !important;
    right: max(16px, env(safe-area-inset-right)) !important;
    bottom: 12px !important;
    top: auto !important;
    transform: translateY(calc(12px + var(--mc-accessibility-shortcut-shift, 0px))) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    opacity: var(--mc-accessibility-shortcut-opacity, 1) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  :is(#userwayAccessibilityIcon, [id^="userwayAccessibilityIcon"], #userwayLstIcon) {
    transform: scale(1) !important;
    transform-origin: right bottom !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: 0 !important;
  }

  body.accessibility-shortcut-visible .uwy .userway_buttons_wrapper {
    transform: translateY(var(--mc-accessibility-shortcut-shift, 0px)) !important;
    opacity: var(--mc-accessibility-shortcut-opacity, 1) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}