/* ----------------------------------
OmakaseAI用 CSS
---------------------------------- */
.omakase-chat-button {
    position: fixed;
    aspect-ratio: 50 / 190;
    width: 50px;
    right: 0;
    top: calc(50% - (190px / 2));
    z-index: 100;
    transform: translateX(100%);
    transition: transform 0.3s ease, opacity 0.3s ease;
    pointer-events: none;
}
.omakase-chat-button.omakase-chat-button--visible {
    transform: translateX(0);
    pointer-events: auto;
}
.omakase-chat-button.omakase-chat-button--dismissing {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}
.omakase-chat-button.omakase-chat-button--dismissing:hover {
    opacity: 0;
}
.omakase-chat-button:hover {
    opacity: 0.8;
    cursor: pointer;
}
.omakase-chat-button .omakase-close-btn {
    position: absolute;
    top: -10px;
    right: calc( ( 50px - 20px ) / 2 );
    z-index: 101;
}
.omakase-chat-button .omakase-close-btn img {
    aspect-ratio: 1 / 1;
    width: 20px;
}