@media (max-width: 991px) {
    .woot-widget-bubble {
        right: 12px !important;
        width: 50px !important;
        height: 50px !important;
        opacity: 0.9;
        box-shadow: 0 10px 24px rgba(13, 29, 57, 0.16) !important;
        transition: opacity 0.2s ease, box-shadow 0.2s ease !important;
    }

    .woot-widget-bubble:hover,
    .woot-widget-bubble:focus-visible {
        opacity: 1;
    }

    html.tecian-assist--avoid-mobile-navigation .woot-widget-bubble {
        bottom: calc(92px + env(safe-area-inset-bottom, 0px) + var(--mobile-browser-bottom-offset, 0px)) !important;
    }

    html.tecian-assist--avoid-mobile-navigation .woot-widget-holder.has-unread-view {
        bottom: calc(92px + env(safe-area-inset-bottom, 0px) + var(--mobile-browser-bottom-offset, 0px)) !important;
        max-height: calc(100vh - 104px - env(safe-area-inset-bottom, 0px) - var(--mobile-browser-bottom-offset, 0px)) !important;
    }

}

@media (max-width: 667px) {
    html.tecian-assist--avoid-mobile-navigation .woot-widget-holder:not(.has-unread-view) {
        bottom: 0 !important;
    }
}

@media (max-width: 390px) {
    .woot-widget-bubble,
    .woot-widget-holder.has-unread-view {
        right: 8px !important;
    }
}

@media (max-width: 767px) {
    html:has(.acquisition-landing--tarot-amor) .woot-widget-bubble,
    html:has(.acquisition-landing--tarot-amor) .woot-widget-holder.has-unread-view {
        right: 8px !important;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px) + var(--mobile-browser-bottom-offset, 0px)) !important;
    }

    html:has(.acquisition-landing--tarot-amor .acquisition-sticky-cta.is-visible) .woot-widget-bubble,
    html:has(.acquisition-landing--tarot-amor .acquisition-sticky-cta.is-visible) .woot-widget-holder.has-unread-view {
        bottom: calc(60px + env(safe-area-inset-bottom, 0px) + var(--mobile-browser-bottom-offset, 0px)) !important;
    }
}