.support-page{position:relative;margin:10px}.support-page .support{padding:10px;background:white;box-shadow:0 0px 4px rgba(0,0,0,0.1)}.support-page .support .sub{margin-bottom:10px}.support-page .support .messages{flex:1;padding:20px;overflow:auto;box-sizing:border-box}.support-page .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-page .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-page .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-page .support .messages .message.system{background:rgba(0,0,0,0.06);margin-left:0;margin-right:42px}.support-page .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-page .support .messages .message.system:after{right:auto;left:5px;text-align:left}.support-page .support .form{display:flex;align-items:flex-end;gap:10px;padding:10px 20px}.support-page .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-page .support .form>i:hover{background:var(--background)}.support-page .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-page .support .form .text:hover{border:2px solid var(--background)}.support-page .support .form .text:focus{border:2px solid var(--primary)}.support-page .support .form .text:not(:empty)+i{opacity:0;margin-right:-42px;pointer-events:none}.support-page .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-page .support .form .submit:hover{background:var(--primary)}