/*
    This file is to show how CSS and other static resources (such as images) can be
    used from a library project/package.
*/

.my-component {
    border: 2px dashed red;
    padding: 1em;
    margin: 1em 0;
    background-image: url('background.png');
}

.carousel-chevron {
    font-size: 140%;
    color: #333;
}

.vivoai-chat {
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.3s ease, visibility 0s linear 0.3s;
}

.vivoai-chat.is-open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

.vivoai-btn button,
.vivoai-chat button,
.vivoai-chat a {
    touch-action: manipulation;
    cursor: pointer;
}