/*
 * ABC3 Ko-fi
 * Ko-fi injects its wrappers outside the module placeholder. Exact viewport
 * coordinates are applied by abc3kofi.js with !important so site themes and
 * custom HumHub CSS cannot move the button to a different vertical position.
 */
html.abc3kofi-active .floatingchat-container-wrap,
html.abc3kofi-active .floatingchat-container-wrap-mobi,
html.abc3kofi-active .floating-chat-kofi-popup-iframe,
html.abc3kofi-active .floating-chat-kofi-popup-iframe-mobi,
html.abc3kofi-active .floating-chat-kofi-popup-iframe-closer-mobi {
    box-sizing: border-box !important;
    transition: bottom 160ms ease, left 160ms ease, right 160ms ease;
}

html.abc3kofi-active .floatingchat-container-wrap,
html.abc3kofi-active .floatingchat-container-wrap-mobi {
    position: fixed !important;
    top: auto !important;
    margin: 0 !important;
    pointer-events: auto;
}

html.abc3kofi-active .floatingchat-container-wrap-mobi {
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
}

@media (prefers-reduced-motion: reduce) {
    html.abc3kofi-active .floatingchat-container-wrap,
    html.abc3kofi-active .floatingchat-container-wrap-mobi,
    html.abc3kofi-active .floating-chat-kofi-popup-iframe,
    html.abc3kofi-active .floating-chat-kofi-popup-iframe-mobi,
    html.abc3kofi-active .floating-chat-kofi-popup-iframe-closer-mobi {
        transition: none;
    }
}