.desktop-closed-message-avatar, .mobile-closed-message-avatar {
  padding: calc(.15 * var(--digirez-basesize, 60px))
}
#botmanWidgetRoot {
    opacity: 0;
    pointer-events: none;
}
#botmanWidgetRoot.digirez_loaded {
    opacity: 1;
    pointer-events: all;
    position: relative;
    z-index: 10000
}
.botmanTitle img {
    width: 40px;
    display: block;
}
.digirezBase {    
    font-size: calc(.3 * var(--digirez-basesize, 60px));
    pointer-events: none
}
.digirezBase > * {
    pointer-events: all
}
.botmanTitle {
    box-shadow:0 0 10px rgba(0,0,0,.4);
}
.desktop-closed-message-avatar:before, 
.mobile-closed-message-avatar:before {
    content: 'Wie können wir Ihnen helfen?';
    position: absolute;
    z-index: -1;
    font-size: 1rem;
    width: 8rem;
    border-radius: calc(2 * var(--border-radius));
    right: calc(100% - 2em);
    top: 0;
    bottom: 0;
    line-height: 1.2;
    height: 2.3em;
    padding: .5em 2.7em .6em .7em;
    color: #fff;
    background-color: var(--blue);
    margin: auto;
} 
.mobile-closed-message-avatar:before {
    transform: scale(.6) translateX(-10%);
    transform-origin: center right;
}
.desktop-closed-message-avatar img,
.mobile-closed-message-avatar img {
    animation: bubb 5s linear infinite;
}
@keyframes {
    0% {transform: scale(1)}
    40% {transform: scale(1.01)}
    42% {transform: scale(1.05)}
    44% {transform: scale(1)}
    46% {transform: scale(1.04)}
    48% {transform: scale(1)}
    50% {transform: scale(1.03)}
    52% {transform: scale(1)}
    54% {transform: scale(1.03)}
    56% {transform: scale(1)}
    58% {transform: scale(1.01)}
    100% {transform: scale(1)}
}
.desktop-closed-message-avatar {
    
}