.chat-message{margin:1em;display:flex;flex-direction:column}.message-text{overflow-wrap:break-word;width:100%;font-size:.85em}.message{position:relative;width:80%;border-radius:10px;padding:10px;display:flex;flex-direction:column;box-shadow:0 4px 10px -6px #000}.message.message-user{align-items:flex-end;align-self:flex-end;background-color:var(--mainColor);color:var(--userTextColor, hsl(0, 0%, 10%));text-align:right}::ng-deep .message.message-user a.linkified{color:var(--userLinkColor, var(--userTextColor, hsl(240, 100%, 50%)))}.message.message-user:before{right:0;clip-path:polygon(0 0,100% 100%,100% 0)}.message.message-user .message-photo{right:-30px}.message-time.message-time-user{color:var(--userMessageTime, var(--userTextColor, hsl(0, 0%, 80%)))}.message-time.message-time-bot{color:var(--botMessageTime, var(--botTextColor, hsl(0, 0%, 80%)))}.message.message-bot{align-items:flex-start;align-self:flex-start;background-color:#e6e5eb;color:var(--botTextColor);text-align:left}.message.message-bot:before{left:0;clip-path:polygon(0 0,0% 100%,100% 0)}.message.message-bot .message-photo{left:-30px}.message.message-bot .message-photo .traje1,.message.message-bot .message-photo .traje2,.message.message-bot .message-photo .background,.message.message-bot .message-photo .body{position:absolute;top:0;left:0;width:100%;height:100%}.message.message-bot .message-photo .traje1{clip-path:polygon(10% 100%,20% 58%,42% 58%,46% 100%,53% 100%,58% 58%,80% 58%,90% 100%);background-color:var(--suitBotColor1, hsl(0, 0%, 10%))}.message.message-bot .message-photo .traje2{clip-path:polygon(30% 100%,40% 75%,34% 64%,42% 58%,47% 100%,53% 100%,58% 58%,66% 64%,60% 75%,70% 100%);background-color:var(--suitBotColor2, hsl(0, 0%, 70%))}.message.message-bot .message-photo .background{background-color:#cbe2ff}.message.message-bot .message-photo .body{background-size:100%;background-repeat:no-repeat;background-position:center}.message:before{content:"";position:absolute;width:30px;height:15px;background:inherit;bottom:-8px}.message .message-time{font-size:var(--step--2, .6em);display:block;width:100%;text-align:right}.message .message-photo{position:absolute;width:30px;height:30px;clip-path:circle(50% at 50% 50%);bottom:-32px;background-position:center;background-repeat:no-repeat;background-size:100%}.message .message-photo .body{background-size:contain;width:30px;height:30px}.message .message-image img{max-width:100%;max-height:300px;object-fit:cover;border-radius:10px}.message .message-image{width:100%;display:flex;justify-content:center;align-items:center}.message .video-message{box-shadow:0 0 20px -10px;border-radius:10px}.message .video-message:focus{outline:none}.message-buttons-array{padding:.1em;margin:.1em 0;font-weight:700;font-size:.85em;display:flex;flex-wrap:wrap;justify-content:center;align-items:inherit!important}.message-buttons-array .message-button-option{padding:8px;margin:5px 3px;border:1px solid;border-radius:50vmin;text-align:center}.message-buttons-array .message-button-option{border-color:var(--buttonBorder, var(--mainColor, hsl(0, 0%, 60%)));color:var(--buttonText, var(--mainColor, hsl(0, 0%, 60%)));background-color:var(--buttonColorFondo)}.message-buttons-array .message-button-option:hover{border-color:var(--buttonBorderHover, var(--mainColor, hsl(0, 0%, 60%)));color:var(--buttonTextHover, var(--mainColor, hsl(0, 0%, 60%)));background-color:var(--buttonBackgroundHover, var(--headerTextColor, hsl(0, 0%, 90%)));cursor:pointer}.message-button-option.disabled{color:#333!important;border:none!important;cursor:default!important;text-align:left!important}.message-button-option.disabled:hover{background-color:transparent!important}.message-button-option.disabled.selectable{background-color:#999}.message-button-option.disabled.selectable:hover{background-color:transparent!important}