.support-chat .support{padding:10px}.support-chat .support .messages{flex:1;padding:20px;overflow:auto;box-sizing:border-box}.support-chat .support .messages .message{position:relative;line-height:24px;padding:10px;margin-left:42px;margin-bottom:40px;border-radius:10px;background:rgba(0,0,0,0.03);box-sizing:border-box}.support-chat .support .messages .message:before{content:attr(data-initials);position:absolute;top:5px;left:-42px;bottom:auto;right:auto;width:32px;height:32px;line-height:32px;text-align:center;border-radius:16px;color:white;background:var(--primary)}.support-chat .support .messages .message:after{content:attr(data-date);position:absolute;top:auto;left:5px;bottom:-20px;right:auto;height:20px;line-height:20px;font-size:12px;text-align:left;color:rgba(0,0,0,0.4)}.support-chat .support .messages .message.system{background-color:rgba(0,0,0,0.06);background-size:0;margin-left:0;margin-right:42px}.support-chat .support .messages .message.system:before{left:auto;right:-42px;background-repeat:no-repeat;background-position:center;background-size:16px;background-image:inherit;background-color:transparent}.support-chat .support .messages .message.system:after{right:auto;left:5px;text-align:left}.support-chat .support .form{position:absolute;top:auto;left:0;bottom:0;right:0;display:flex;align-items:flex-end;gap:10px;padding:10px 20px}.support-chat .support .form>i{display:block;order:1;width:32px;height:32px;line-height:32px;text-align:center;font-size:14px;border-radius:10px;margin-right:0;opacity:1;background:rgba(0,0,0,0.1);cursor:pointer;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.support-chat .support .form>i:hover{background:var(--background)}.support-chat .support .form .text{flex:1;order:2;min-height:32px;line-height:22px;border:2px solid rgba(0,0,0,0.1);border-radius:10px;padding:5px;box-sizing:border-box;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.support-chat .support .form .text:hover{border:2px solid var(--background)}.support-chat .support .form .text:focus{border:2px solid var(--primary)}.support-chat .support .form .text:not(:empty)+i{opacity:0;margin-right:-42px;pointer-events:none}.support-chat .support .form .submit{order:3;min-height:36px;line-height:36px;color:white;background:var(--primary);border-radius:10px;padding:0 20px;cursor:pointer;box-sizing:border-box;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.support-chat .support .form .submit:hover{background:var(--primary)}.rounded .support-chat .form>input,.rounded .support-chat .form .submit{border-radius:10px}

.support-page{min-height:100vh}.support-page .main-title{margin:40px 0}.support-page .support-chat{margin:40px 0}