.chatConversation{height:100%;display:grid;grid-template-rows:50px 1fr 150px}.chat-sm .chatConversation{grid-template-rows:50px 1fr 120px}.chat-container{height:100%;overflow-y:auto;scrollbar-width:none;padding-bottom:10px;padding:20px 10px}#scroller{opacity:0}.chat-bubble{position:relative;padding:15px;margin-right:auto;margin-bottom:10px;font-size:.85rem!important;color:var(--color-text);hyphens:auto;width:-moz-fit-content;width:fit-content;max-width:85%;word-wrap:break-word;left:0}.chat-bubble span{white-space:pre-line}.chat-bubble:last-child{margin-bottom:0}.bubble-me{border-radius:20px 20px 0 20px;margin-left:auto;margin-right:unset;background-color:var(--color-diddo);color:#fff;left:auto;right:0}.bubble-peer{border-radius:20px 20px 20px 0;margin-right:50px;background-color:var(--color-clear)}.chat-bubble-date{visibility:hidden;display:none;position:absolute;font-size:.7rem;opacity:.7;margin-bottom:-6px;margin-top:-6px;padding-right:6px;left:0;top:calc(100% + 10px);width:-moz-max-content;width:max-content;color:var(--color-text-secondary)}.bubble-me .chat-bubble-date{left:unset;right:0}.chat-controls{display:grid;grid-template-columns:auto 40px;grid-template-areas:"text send";height:100%;gap:5px}.chat-write{grid-area:text;padding:3px}.chat-write .el-textarea__inner{resize:none;background-color:var(--color-clear--2)!important;height:100%;border-radius:20px!important;hyphens:auto;font-size:.9rem;border-radius:20px 3px 20px 20px!important}.chat-write .el-textarea__inner::-moz-placeholder{opacity:.9}.chat-write .el-textarea__inner::placeholder{opacity:.9}.chat-write .el-textarea__inner:focus{background-color:var(--color-clearer)!important}#chat-send-button{border-radius:50%!important;transform:translate(-2px,-10px)}.chat-bubble a{color:#fff!important}.chat-bubble a:before{content:"⛓️ Enlace"}.chat-bubble a:after{display:none}.chat-bubble a:not(:hover):not(:focus):not(:active):before{border-radius:20px;background-color:var(--color-main-dark);box-shadow:2px 0 0 4px var(--color-main-dark);white-space:pre}.chat-bubble a:active:before,.chat-bubble a:focus:before,.chat-bubble a:hover:before{font-size:.8rem;box-shadow:2px 0 0 4px var(--color-main-dark);background-color:var(--color-main-dark);font-family:Roboto mono;width:100%;white-space:pre-line;display:block;content:attr(data-url);opacity:.8}.chat-bubble.has-date{margin-bottom:25px}.chat-bubble.has-date .chat-bubble-date{visibility:visible;display:block}