#queria-chat-iframe {
    opacity: 0;
    width: min(500px, 100%);
    height: 450px;
    border: 0;
    border-radius: 16px;
    position: fixed;
    bottom: 16px;
    right: 8px;
    box-shadow: -1px 1px 6px 0px #000000;
    z-index: 9999999999;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.queria-chat-open #queria-chat-iframe {
    opacity: 1;
    pointer-events: all;
}

.queria-chat-open #queria-chat-iframe.max {
    height: 97vh;
}

#init-queria-chat {
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='42px' width='42px' viewBox='0 -960 960 960' fill='black'%3E%3Cpath d='M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(31%) sepia(53%) saturate(3870%) hue-rotate(215deg) brightness(94%) contrast(97%) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    border-radius: 8px;
    width: 48px;
    height: 48px;
    position: fixed;
    right: 10%;
    bottom: 10%;
    cursor: pointer;
    z-index: 999999;
    transition: opacity 1s 1s ease-in-out;
}

#init-queria-chat:hover {
    filter: invert(17%) sepia(98%) saturate(1777%) hue-rotate(218deg) brightness(100%) contrast(101%);
}

.queria-chat-open #init-queria-chat {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}