.html--dark .chattach__button{fill:#fff}
.chimg{width:35px;height:35px;border-radius:3px;background:#eee;display:flex;align-items:center;justify-content:center;margin:0 10px 10px 0;position:relative}.chimg__src{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.chimg__percent{font:10px/14px "sf pro display";color:#000}.chimg__remove{position:absolute;z-index:1;width:20px;height:20px;right:-7px;top:-5px;cursor:pointer}
.chattach__button{position:absolute;left:20px;top:-5px;bottom:0;width:24px;height:24px;margin:auto;cursor:pointer}.chattach__button label{cursor:inherit}.chattach__images{padding:10px 0 1px 10px;border-radius:10px 10px 0 0;margin:0 0 -10px 0;position:relative;z-index:1;background:#fff}
.chform{border-top:1px solid #ddd;position:relative;padding:10px 60px 10px 50px}.chform__text{border:0;resize:none;width:100%;display:block;padding:10px 13px 0 13px;min-height:30px;font:17px/19px "sf pro display";max-height:30vh!important;border-radius:10px}.chform__send{position:absolute;right:9px;top:0;bottom:0;width:40px;height:40px;border:0;padding:0;margin:auto;cursor:pointer}.chform__send-ico{fill:#ddd;transition:fill 200ms}:not(.chform__sent--active) .chform__send-ico{fill:#111}.chform__send--active .chform__send-ico{fill:#3491FE}
.chmes__wrap{margin:0 25px 10px 0}.chmes__wrap--me{margin-left:25px;margin-right:0;text-align:right}.chmes__wrap--service{margin-left:0;text-align:center}.chmes{padding:5px 15px;border-radius:15px;background:#eee;position:relative;display:inline-block;text-align:left;color:#000}.chmes__wrap--me .chmes{background:#e2fcc8}.chmes__wrap--third .chmes{background:#b2e0f3}.chmes__wrap--service .chmes{background:none;cursor:default;color:#999}.chmes__name{display:block;padding:0 50px 0 0;font:600 17px/17px "sf pro display"}.chmes__text{font:16px/18px "sf pro display"}.chmes__image{width:50px;height:50px;border-radius:3px;margin:5px 5px 5px 0}.chmes__wrap--me .chmes__text:after{content:"";display:inline-block;width:50px}.chmes--service .chmes__text:after{display:none}.chmes__meta{font:12px/12px "sf pro display";position:absolute;right:10px;top:9px}.chmes__wrap--me .chmes__meta{bottom:6px;top:auto}.chmes__status{height:12px;width:14px;background:url(data:image/svg+xml,%0A%3Csvg%20width%3D%2210px%22%20height%3D%228px%22%20viewBox%3D%220%200%2082%2062%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%3E%0A%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Line%22%20stroke%3D%22%2366B925%22%20stroke-width%3D%2210%22%20fill%3D%22%2366B925%22%20points%3D%228%2031%2015.5219796%2038.7916667%2030%2053%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M32%2C54.4930265%20L74.330741%2C7%22%20id%3D%22Line-2%22%20stroke%3D%22%2366B925%22%20stroke-width%3D%2210%22%20fill%3D%22%233E3939%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E) no-repeat 50% 50%;display:inline-block;vertical-align:middle;position:relative;top:-1px}.chmes__status--read{background-image:url(data:image/svg+xml,%0A%3Csvg%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%20108%2062%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22square%22%3E%0A%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Line%22%20stroke%3D%22%2366B925%22%20stroke-width%3D%2210%22%20fill%3D%22%2366B925%22%20points%3D%224%2031%2011.5219796%2038.4375%2026%2052%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M28.5%2C54.5%20L70.830741%2C7.00697347%22%20id%3D%22Line-2%22%20stroke%3D%22%2366B925%22%20stroke-width%3D%2210%22%20fill%3D%22%2366B925%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M58.5%2C54.5069735%20L100.5%2C7.50697347%22%20id%3D%22Line-2%22%20stroke%3D%22%2366B925%22%20stroke-width%3D%2210%22%20fill%3D%22%2366B925%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E)}
.chmessages{padding:40px 15px 20px 15px}.chmessages__day{margin:0 0 20px 0}.chmessages__date-wrap{text-align:center;margin:0 0 10px 0}.chmessages__date{background:#f3f3f3;color:#000;padding:3px 6px;border-radius:8px;font:13px/13px "sf pro display";display:inline-block}
.chat__wrapper{max-width:600px}.chat__wrapper .vr__close{right:22px;top:22px}.chat{display:flex;flex-direction:column;height:80vh}.chat__header{flex-shrink:0;padding:20px;border-bottom:1px solid #EDEDED;display:flex}.chat__avatar{width:40px;height:40px;border-radius:50%;background:#f3f3f3 url("data:image/svg+xml,%3Csvg width='25' height='25' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 487.678 487.678' xml:space='preserve'%3E%3Cg fill='%23aaa'%3E%3Cpath d='M377.996 282.347c-56.201-18.357-79.563-41.185-79.563-41.185l-1.881 1.793c-16.69 15.709-35.149 24.944-51.965 24.944H243c-16.815 0-35.274-9.235-51.964-24.944l-1.882-1.793s-23.36 22.827-79.562 41.185c-82.964 30.992-58.053 157.119-58.077 158.096 2.613 14.047 4.136 18.875 5.463 19.417 83.314 37.091 290.319 37.091 373.634 0 1.327-.542 2.85-5.37 5.463-19.417-.024-.977 25.22-126.603-58.079-158.096z'/%3E%3Cpath d='M330.924 121.441l-.696-.755c-4.668-4.274-4.303-4.029-4.303-4.029s8.142-41.083 1.613-60.511c-10.25-31.027-71.475-51.822-83.755-54.239.002-.023-7.469-1.518-7.946-1.521 0 0-9.659-1.953-20.854 2.93-7.291 2.805-45.408 20.09-56.227 52.83-6.528 19.428 1.614 60.511 1.614 60.511s.365-.245-4.304 4.029l-.695.755c-3.158 3.586-2.378 14.806 1.074 26.479 3.128 11.695 7.205 14.838 8.182 17.577 9.903 46.497 44.338 86.197 79.429 86.197s67.707-39.7 77.61-86.197c.978-2.738 5.055-5.882 8.183-17.577 3.452-11.674 4.323-23.664 1.075-26.479z'/%3E%3C/g%3E%3C/svg%3E") center/auto no-repeat;margin:0 10px 0 0;overflow:hidden}.chat__avatar .chat__img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.chat__title{font:600 18px/20px "sf pro display"}.chat__sub{font:14px/20px "sf pro display";color:#999}.chat__body{flex-grow:1;overflow:auto;height:800px;margin:0 4px 0 0}.chat__body::-webkit-scrollbar{width:6px;background:#fff0}.chat__body::-webkit-scrollbar-thumb{background-color:#999;border-radius:3px}.chat__body::-webkit-scrollbar-track-piece{background:#00000026;border-radius:3px}.chat__body::-webkit-scrollbar-track-piece:vertical:start{border-radius:3px 3px 0 0}.chat__body::-webkit-scrollbar-track-piece:vertical:end{border-radius:0 0 3px 3px}.chat__body::-webkit-scrollbar-button{display:block;width:2px;height:2px;background:#fff0;opacity:0}.chat__footer{flex-shrink:0}
.msn{position:fixed;right:50px;bottom:50px;width:50px;height:50px;margin:0;padding:0;background:#61dd00 url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M12.5%200C5.59615%200%200%205.59615%200%2012.5C0%2015.0826%200.783242%2017.4819%202.12496%2019.474L0.961538%2025L7.00402%2023.7277C8.66302%2024.5413%2010.5275%2025%2012.5%2025C19.4038%2025%2025%2019.4038%2025%2012.5C25%205.59615%2019.4038%200%2012.5%200ZM6.73077%2011.0577C7.52885%2011.0577%208.17308%2011.7019%208.17308%2012.5C8.17308%2013.2981%207.52885%2013.9423%206.73077%2013.9423C5.93269%2013.9423%205.28846%2013.2981%205.28846%2012.5C5.28846%2011.7019%205.93269%2011.0577%206.73077%2011.0577ZM12.5%2011.0577C13.2981%2011.0577%2013.9423%2011.7019%2013.9423%2012.5C13.9423%2013.2981%2013.2981%2013.9423%2012.5%2013.9423C11.7019%2013.9423%2011.0577%2013.2981%2011.0577%2012.5C11.0577%2011.7019%2011.7019%2011.0577%2012.5%2011.0577ZM18.2692%2011.0577C19.0673%2011.0577%2019.7115%2011.7019%2019.7115%2012.5C19.7115%2013.2981%2019.0673%2013.9423%2018.2692%2013.9423C17.4712%2013.9423%2016.8269%2013.2981%2016.8269%2012.5C16.8269%2011.7019%2017.4712%2011.0577%2018.2692%2011.0577Z%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E) center/auto no-repeat;border:none;border-radius:50%;cursor:pointer;transition:transform .15s;z-index:4}.msn::before{position:absolute;top:-3px;right:-3px;width:17px;height:17px;background-color:red;color:#FFF;border:1px solid #fff;border-radius:50%;font:700 10px/11px 'SF Pro Display';content:attr(data-count);display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition-property:visibility,opacity;transition-duration:.3s;transition-delay:.4s}.msn--unread::before{visibility:visible;opacity:1}
.msn:hover{transform:scale(1.05)}.msn__caption{position:fixed;right:75px;bottom:57px;overflow:hidden;height:34px;visibility:hidden;z-index:3}.msn:hover+.msn__caption{visibility:visible}.msn__info{height:100%;background-color:#D7FFB8;font:500 13px / 1 "SF Pro Display";color:#316F00;display:flex;align-items:center;border-radius:5px;padding:0 43px 0 12px;transition:transform .3s;text-align:right;transform:translateX(100%);white-space:pre-wrap}.msn:hover+.msn__caption .msn__info{animation:bounceBack .1s .5s ease-out forwards}@keyframes bounceBack{65%{transform:translateX(0)}100%{transform:translateX(10px)}}