.chatty-tile{@apply relative mb-10 flex flex-col overflow-hidden rounded bg-white py-15 text-grey-darker hover:text-grey-darker hover:no-underline shadow-primary-mobile;}.chatty-tile .chatty-tile__header{display:flex;gap:8px;align-items:center;justify-content:center;border-bottom:1px solid color-grey;padding-bottom:10px}.chatty-tile .chatty-tile__header img{height:35px}.chatty-tile .chatty-tile__header .chatty-tile__title{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:3px}.chatty-tile .message{background-color:var(--color-white);display:flex;width:100%;column-gap:5px;align-items:end}.chatty-tile .message .message-bubble{border-radius:10px;max-width:75%;padding:8px 10px;position:relative;width:fit-content;font-size:14px;align-items:flex-start;background-color:var(--color-grey-wild-sand);color:var(--color-grey-charcoal);margin:0}.chatty-tile .message .message-bubble:before,.chatty-tile .message .message-bubble:after{bottom:-1.6px;content:"";height:16px;position:absolute}.chatty-tile .message .message-bubble:before{border-bottom-right-radius:12.8px 11.2px;border-left:12.8px solid var(--color-grey-wild-sand);left:-5.6px;transform:translateY(-1.5px)}.chatty-tile .message .message-bubble:after{background-color:var(--color-white);border-bottom-right-radius:8px;left:20px;transform:translate(-30px,-2px);width:10px}.chatty-tile .text-input-wrapper{display:flex;justify-content:space-around;align-items:center}.chatty-tile .text-input-wrapper .text-input-container{width:100%;box-sizing:border-box;padding:0;transition:all .3s ease}.chatty-tile .text-input-wrapper .text-input-container .chatty-input{display:flex;align-items:center;justify-content:flex-start;position:relative;background-color:var(--color-white);box-sizing:border-box;width:100%;height:auto;border-radius:20px;fill:var(--color-white);padding:6px 20px;border:1px solid var(--color-grey-light-dark)}.chatty-tile .text-input-wrapper .chatty-input-wrapper{display:flex;width:100%;font-size:14px}.chatty-tile .text-input-wrapper .chatty-button-send{background-color:var(--nova-blue);width:0;height:0;box-sizing:border-box;padding:0;margin:1px 0;cursor:pointer;border-radius:50%;border:0;color:var(--color-white);position:absolute;right:-50px;animation:slideOut .3s;transition:all .3s ease}.chatty-tile .text-input-wrapper .chatty-button-send.chatty-button-send--non-empty{width:34px;height:34px;padding:10px;margin:1px 0 0 10px;position:relative;animation:slide .5s;right:0}.chatty-tile .text-input-wrapper .chatty-button-send.chatty-button-send--non-empty .chatty-button-send-icon{display:block}.chatty-tile .text-input-wrapper .chatty-button-send .chatty-button-send-icon{display:none;width:18px;height:18px;left:10px;transition:all .4s ease}.chatty-tile [contenteditable]{outline:0 solid transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.a-offscreen{position:absolute;left:0;bottom:-1px;opacity:0;-webkit-user-select:none;user-select:none}