body[data-component=Dialog] .button{font-size:12px;margin:0;background:#fff;color:#319d9d;border:1px solid #319d9d;border-radius:99px;padding:3px 15px}body[data-component=Dialog] .split{display:flex;gap:20px}body[data-component=Dialog] .split .left,body[data-component=Dialog] .split .right{background:#fff;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.13);padding:32px 28px}body[data-component=Dialog] .split .left{flex:2 1 0;font-size:16px}body[data-component=Dialog] .split .left .header{font-weight:600}body[data-component=Dialog] .split .left .post{border-bottom:1px solid #7e8696;padding-bottom:10px}body[data-component=Dialog] .split .left .post .title{font-weight:500;font-size:20px}body[data-component=Dialog] .split .left .chat .chat_row{padding:20px 28px;margin-top:10px;border-radius:6px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2509803922)}body[data-component=Dialog] .split .left .chat .chat_row.user{margin-right:50px}body[data-component=Dialog] .split .left .chat .chat_row.support{margin-left:50px}body[data-component=Dialog] .split .left .chat .chat_row .chat_header{display:flex}body[data-component=Dialog] .split .left .chat .chat_row .chat_header .chat_title{flex-grow:1;font-size:16px;font-weight:600}body[data-component=Dialog] .split .left .chat .chat_row .chat_header .chat_date{font-size:12px;color:#7e8696}body[data-component=Dialog] .split .left .chat .chat_row .chat_header .chat_read{margin-left:5px;width:12px;height:12px;background-size:contain;background-repeat:no-repeat;background-image:url(../img/read.58c85bf7.svg)}body[data-component=Dialog] .split .left .chat .chat_row .chat_header .chat_read.at{background-image:url(../img/readat.a1367a10.svg)}body[data-component=Dialog] .split .left .chat .chat_row .chat_text{padding:5px 0}body[data-component=Dialog] .split .left .chat .chat_row .chat_text .subtext{font-size:12px;padding:5px 0}body[data-component=Dialog] .split .left .chat .chat_row .chat_button{display:flex;gap:12px}body[data-component=Dialog] .split .left .chat .chat_row .chat_button .button{color:#fff;border:0;cursor:pointer}body[data-component=Dialog] .split .left .chat .chat_row .chat_button .button.preview{background:#319d9d}body[data-component=Dialog] .split .left .chat .chat_row .chat_button .button.approve{background:#389a3d}body[data-component=Dialog] .split .left .chat .chat_send textarea{margin-top:20px;display:block;width:100%;border:1px solid #e1e5ee;border-radius:10px;padding:10px;resize:vertical}body[data-component=Dialog] .split .left .chat .chat_send .chat_send_button{text-align:right;margin-top:5px}body[data-component=Dialog] .split .left .chat .chat_send .chat_send_button .button{cursor:pointer}body[data-component=Dialog] .split .right{flex:1 1 0;min-width:250px}body[data-component=Dialog] .split .right .status_row{display:flex;align-items:center;padding:5px 0;font-size:12px}body[data-component=Dialog] .split .right .status_row .status{width:15px;height:15px;background:#389a3d;border-radius:5px;display:flex;flex-shrink:0;align-items:center;justify-content:center;margin-right:10px}body[data-component=Dialog] .split .right .status_row .status i{font-size:8px;color:#fff}body[data-component=Dialog] .split .right .status_row .button{color:#389a3d;border-color:#389a3d}body[data-component=Dialog] .split .right .status_row.no_check .status{background:initial!important;margin-right:0}body[data-component=Dialog] .split .right .status_row.no_check div.info{position:relative}body[data-component=Dialog] .split .right .status_row.no_check div.info:before{position:absolute;content:"";left:-8px;top:0;width:1px;height:calc(100% + 13px);background:#bcbcbc}body[data-component=Dialog] .split .right .status_row.wait{color:#bcbcbc}body[data-component=Dialog] .split .right .status_row.wait .status{background:#bcbcbc}body[data-component=Dialog] .split .right .status_row.wait .status:after{background:#bcbcbc!important}body[data-component=Dialog] .split .right .status_row.wait .button{color:#bcbcbc;border-color:#bcbcbc}body[data-component=Dialog] .split .right .status_row.active .button,body[data-component=Dialog] .split .right .status_row.active .info{color:#4f73ff;border-color:#4f73ff}body[data-component=Dialog] .split .right .status_row.active .status{background:#4f73ff}body[data-component=Dialog] .split .right .status_row:not(:last-child):not(.no_check) .status:after{position:relative;content:"";width:1px;height:16px;background:#389a3d;left:-4px;bottom:-18px}body[data-component=Dialog] .split .right .last_status_text{font-size:12px}body[data-component=Dialog] .split .right .last_status_text .button{padding:5px 0;border:0;margin-top:10px;background:#389a3d;color:#fff;text-align:center;cursor:pointer}body[data-component=Dialog] .split .right .last_status_text .button:hover{background:#3ca541}