/* Minification failed. Returning unminified contents.
(4,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(5,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(19,28): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black'
(25,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(26,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(42,28): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black'
(68,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(138,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(148,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-300'
(152,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-300'
(158,28): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black-100'
(162,28): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black-100'
(167,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(171,28): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black'
(175,28): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black-100'
(179,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(203,36): run-time error CSS1039: Token not allowed after unary operator: '-translate-y'
(207,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-300'
 */
.bubble__floating-button, .bubble__floating-small-button {
    width: 6rem;
    height: 6rem;
    color: var(--neutral-100);
    background-color: var(--resolution-blue-500);
    border-radius: 50%;
    font-size: 2.8rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    cursor: pointer;
    border: none;
    border-color: transparent;
    display: flex;
    transition: all 0.3s ease;
    justify-content: center;
    align-items: center;
}

#bubble-container.enterprise .bubble__floating-button, #bubble-container.enterprise .bubble__floating-small-button {
    background-color: var(--enterprise-black);
}

.bubble__floating-button.bubble_portal_customers {
    width: auto;
    height: 6rem;
    color: var(--neutral-100);
    background-color: var(--resolution-blue-500);
    border-radius: 0.8rem;
    font-size: 2.8rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    cursor: pointer;
    border: none;
    border-color: transparent;
    display: flex;
    transition: all 0.3s ease;
    justify-content: center;
    align-items: center;
    padding: 1.6rem;
    gap: 1rem;
}

#bubble-container.enterprise .bubble__floating-button.bubble_portal_customers {
    background-color: var(--enterprise-black);
}

.bubble__floating-small-button {
    width: 4rem;
    height: 4rem;
    pointer-events: none;
}

.bubble__wrapper {
    transform: translateY(0);
    position: absolute;
    display: flex;
    justify-content: end;
    transition: all 0.3s ease;
    right: 1rem;
    align-items: center;
    pointer-events: none;
    white-space: nowrap;
    top: 0;
    transform-origin: center;
    opacity: 0;
    gap: 1.2rem;
}

.bubble-container__unread.bubble-container__unread-main {
    background-color: var(--fire-engine-red-500);
    width: 10px;
    height: 10px;
    border-radius: 100px;
    position: absolute;
    animation: blink 5s forwards;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    10% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    70% {
        opacity: 0;
    }
    
    80% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bubble__floating-small-button bubble__intern-chat {
    position: relative;
}

.bubble-container__unread-intern-chat {
    top: 23px;
    right: 5px;
}

.bubble-container__unread-main {
    top: 34px;
    right: 16px;
}

.bubble__floating__container a, .bubble__floating__container a:hover, .bubble__floating__container a:focus {
    text-decoration: none;
    color: var(--neutral-100);
    cursor: pointer;
}

.bubble__floating__container *:focus, .bubble__floating__container *:focus-visible {
    border: none;
    outline: none;
}

.bubble__floating__container a:focus > *, .bubble__floating__container a:focus-visible > * {
    background-color: var(--resolution-blue-300);
}

.bubble__wrapper:hover > * {
    background-color: var(--resolution-blue-300);
    transform: scale(1.05);
}

#bubble-container.enterprise .bubble__floating__container a:focus > *,
#bubble-container.enterprise .bubble__floating__container a:focus-visible > * {
    background-color: var(--enterprise-black-100);
}

#bubble-container.enterprise .bubble__wrapper:hover > * {
    background-color: var(--enterprise-black-100);
    transform: scale(1.05);
}

.bubble__wrapper > * {
    background-color: var(--resolution-blue-500);
}

#bubble-container.enterprise .bubble__wrapper > * {
    background-color: var(--enterprise-black);
}

#bubble-container.enterprise .bubble__floating-button:hover {
    background-color: var(--enterprise-black-100);
}

.bubble__wrapper-text {
    color: var(--neutral-100);
    display: flex;
    padding: 0.8rem;
    max-width: 25rem;
    border-radius: 0.8rem;
    transition: all 0.3s ease;
}

.bubble__floating__container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all 350ms;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    z-index: 10;
}

    .bubble__floating__container.open .bubble__link {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(var(--translate-y));
    }

.bubble__floating-button:hover {
    background-color: var(--resolution-blue-300);
}

#chat__backdrop {
    z-index: 9;
}

    #chat__backdrop.active {
        transform: translateX(0);
        display: block;
    }

.bubble__floating__container .bubble__floating-open-button,
.bubble__floating__container.open .bubble__floating-close-button {
    display: flex;
}

.bubble__floating__container.open .bubble__floating-open-button,
.bubble__floating__container .bubble__floating-close-button {
    display: none;
}

#aiassistantbar.open ~ #bubble-container {
    right: 516px;
}