.chat-container .chat-wrapper{position:relative}.chat-container .chat-wrapper header{position:absolute;top:0;background-color:#fff}.chat-container .chat-wrapper header img{display:none}.chat-container .chat-wrapper header .chat-title-section{flex:1 1}.chat-container .chat-wrapper main{background-color:#f3f6fb}.chat-container .chat-wrapper main .chat-message-wrapper{flex-direction:column-reverse;overflow-y:auto}.chat-container .chat-wrapper footer{position:absolute;bottom:0;background-color:#fff}.chat-container .chat-wrapper footer .chat-input-section{background-color:#f3f6fb;align-items:flex-end}.chat-container .chat-wrapper footer .chat-input-section .textarea-wrapper{height:100%;justify-content:center}.chat-container .chat-wrapper footer .chat-input-section .textarea-wrapper textarea{background:rgba(0,0,0,0);border:none;border-radius:0;padding:0}.chat-container .chat-wrapper footer .chat-input-section button{background-color:#4567ff}@media screen and (min-width:769px){.chat-container .chat-wrapper{max-width:750px;border-left:1px solid #d6dbe1;border-right:1px solid #d6dbe1}.chat-container .chat-wrapper header{border-bottom:1px solid #d6dbe1;padding:20px;height:60px}.chat-container .chat-wrapper main{padding:60px 0 90px}.chat-container .chat-wrapper main .chat-message-wrapper{padding:24px}.chat-container .chat-wrapper footer{height:90px;padding:20px;border-top:1px solid #d6dbe1}.chat-container .chat-wrapper footer .chat-input-section{padding:10px;gap:10px}.chat-container .chat-wrapper footer .chat-input-section .textarea-wrapper{padding:5px 0}.chat-container .chat-wrapper footer .chat-input-section .textarea-wrapper textarea{max-height:21px}.chat-container .chat-wrapper footer .chat-input-section button{padding:5px 12px}}@media screen and (max-width:768px){.chat-container .chat-wrapper{max-width:min(200vw,92.3645320197vh)}.chat-container .chat-wrapper header{border-bottom:min(.2666666667vw,.1231527094vh) solid #d6dbe1;padding:min(5.3333333333vw,2.4630541872vh);height:min(16vw,7.3891625616vh)}.chat-container .chat-wrapper header img{display:block}.chat-container .chat-wrapper main{padding:min(16vw,7.3891625616vh) 0 min(24vw,11.0837438424vh)}.chat-container .chat-wrapper main .chat-message-wrapper{padding:min(6.4vw,2.9556650246vh)}.chat-container .chat-wrapper footer{height:min(24vw,11.0837438424vh);padding:min(5.3333333333vw,2.4630541872vh);border-top:min(.2666666667vw,.1231527094vh) solid #d6dbe1}.chat-container .chat-wrapper footer .chat-input-section{padding:min(2.6666666667vw,1.2315270936vh);gap:min(2.6666666667vw,1.2315270936vh)}.chat-container .chat-wrapper footer .chat-input-section .textarea-wrapper{padding:min(1.3333333333vw,.6157635468vh) 0}.chat-container .chat-wrapper footer .chat-input-section .textarea-wrapper textarea{max-height:min(5.6vw,2.5862068966vh)}.chat-container .chat-wrapper footer .chat-input-section button{padding:min(1.3333333333vw,.6157635468vh) min(3.2vw,1.4778325123vh)}}